zui框架配置日期控件只顯示年月
- 2019 年 10 月 8 日
- 筆記
zui框架配置日期控件datetimepicker只顯示年月
<!DOCTYPE html> <head> <script src="~/Scripts/jquery-1.11.3.min.js"></script> <script src="~/res/zui-1.9.1-dist/dist/js/zui.min.js"></script> <script src="~/res/zui-1.9.1-dist/dist/js/zui.lite.min.js"></script> <script src="~/res/zui-1.9.1-dist/dist/lib/datetimepicker/datetimepicker.min.js"></script> <link href="~/res/zui-1.9.1-dist/dist/css/zui.min.css" rel="stylesheet" /> <link href="~/res/zui-1.9.1-dist/dist/css/zui.lite.min.css" rel="stylesheet" /> <link href="~/res/zui-1.9.1-dist/dist/css/zui-theme.min.css" rel="stylesheet" /> <link href="~/res/zui-1.9.1-dist/dist/lib/datetimepicker/datetimepicker.min.css" rel="stylesheet" /> </head> <script> window.onload = function () { var now = new Date();//當前時間 var todayDay = myformatter(now);//根據自己的時間展現需要來格式化成相關的格式 $(".form-date").datetimepicker({ language: "zh-CN",//用於月份和月份名稱的語言的兩個字母代碼，英語（"en"）、德語（"de"）、巴西語（"br"）和西班牙語（"es"），如果給出未知語言代碼，將使用英語。 weekStart: 1,//周一為第一天 todayBtn: 1,//顯示今天按鈕 autoclose: 1,//選擇日期後自動關閉 todayHighlight: 0, startView: 3,//0 1小時內，1天內，2一月內，3 1-12月，4 ，10年內 minView: 3,//開始顯示1-12月 maxView: 4,//最大顯示10年內 forceParse: 1,//強制分析 format: 'yyyy-mm',//選擇時間格式 }).val(todayDay);//初始化日期 }; function myformatter(date){ var y = date.getFullYear(); var m = date.getMonth()+1; return y+'-'+(m<10?('0'+m):m); } </script> <html> <body> <table> <tr> <td> <input type="text" class="form-control form-date" value="" style="text-align:center;width:100px" readonly="readonly"> </td> </tr> </table> </body> </html>
View Code
