在asp.net中创建日期时间选择器

本文关键字:时间 选择器 创建日期 asp net | 更新日期: 2023-09-27 17:57:49

我正试图在asp.net中创建这样的日期选择器,但它给我带来了错误。我使用MVC架构来创建。

这是我正在使用的代码。我得到错误为:

Microsoft JScript运行时错误:对象不支持此属性或方法

我需要选择日期并坐在编辑文本中。

  <tr>
    <td style="width: 450px" class="" height="40px">
                            <%= Html.TextBox(ViewControlNames.DateTime, "", new { maxlength = "40", id = ViewControlNames.DateTime, Class = "LongInputField" })%>
                    </td>
    </tr>
         <script>
             $(function () {
                 $("#CabDateTime").datepicker();
             });
        </script>
    </asp:Content>

在asp.net中创建日期时间选择器

可能您没有包含必要的jQuery UI库。

在jQuery:之后将这些脚本标记添加到您的页面中

<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
<script src="js/jquery-ui.custom.min.js"></script>

通过这种方式,您可以将jQueryUI小部件绑定到jQuery。

参考编号:https://learn.jquery.com/jquery-ui/getting-started/

如果你需要一个日期时间选择器;您可以使用一个小部件插件,通过添加时间选择来扩展日期选择器功能。

项目地点:http://trentrichardson.com/examples/timepicker/

演示代码:

$(document).ready(function () {
    $('#timePicker').datetimepicker({
        controlType: 'select',
        timeFormat: 'hh:mm ss'
    });
});

演示:http://jsfiddle.net/IrvinDominin/Ljt4T/1/

您添加了吗?

<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>

从你的评论中可以看出,你似乎没有在页面顶部添加库和api,请像我在这里发布的一样进行检查

有关更多文件,请查看此处http://jqueryui.com/datepicker/