ASP.NET_搭配jQuery UI叫出DatePicker使時間格式選擇變得嚴謹


如何透過 jQuery UI 進行萬年曆時間挑取框的顯示



至NuGet套件管理中心安裝1.12版本(不要弄最新的3.多版!! 會沒有datepicker)


自動添加進專案目錄


程式碼

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
    <title>ASP.NET</title>
    <script type="text/javascript" src="Scripts/jquery-1.12.4.min.js"></script>
    <%--<script type="text/javascript" src="Scripts/jquery-1.12.4.intellisense.js"></script>--%>
    <script type="text/javascript" src="Scripts/jquery-ui.js"></script>
    <link type="text/css" href="Content/jquery-ui.css" rel="Stylesheet" />
    <script type="text/javascript" src="Scripts/json2.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            var pickerOpts = {
                changeMonth: true,
                changeYear: true,
                //beforeShow: funcDialog
            };
            $('#<%=txtShipDate.ClientID%>').datepicker(pickerOpts);
            $('#<%=txtExceptReceiveDate.ClientID%>').datepicker(pickerOpts);
        });

        //function funcDialog() {
        //    setTimeout(function () {
        //        $('.ui-datepicker').css('z-index', 99999999999999);
        //    }, 0);
        //}
    </script>
</head>






留言

這個網誌中的熱門文章

何謂淨重(Net Weight)、皮重(Tare Weight)與毛重(Gross Weight)

Architecture(架構) 和 Framework(框架) 有何不同?_軟體設計前的事前規劃的藍圖概念

經得起原始碼資安弱點掃描的程式設計習慣培養(五)_Missing HSTS Header