在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>
可能您没有包含必要的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/