// ui.js 自帶的datepicker 插件只能顯示日期不能顯示時分秒 使用dateTimePicker可以顯示時間
效果圖：
首先需要引用 js和css 注意 ui.js的順序要在slide 和timepicker 前面 否者無法運行
<script src="../Scripts/jquery-1.7.1.min.js"></script>
<script src="../Content/themes/timepicker/js/jquery-ui.js"></script>
<script src="../Content/themes/timepicker/js/jquery-ui-slide.min.js"></script>
<script src="../Content/themes/timepicker/js/jquery-ui-timepicker-addon.js"></script>
<link href="../Content/themes/timepicker/css/jquery-ui.css" rel="stylesheet" />
Html 部分如下:
如果出現頁面日歷樣式出現問題 可以自行調css 可以把
ui-datepicker 的 width: auto; 調為自適應
<body>
<script>
$(function () { $("#MyDte").datetimepicker(); }) </script> <form id="form1" runat="server"> <div> <input id="MyDte" type="text"/> </div> </form> </body>
