一、需要的資源:
2、download jquery-ui-timepicker-addon.js
二、引入方法
順序引入jquery-ui中的css檔案和js檔案,接著引入jquery-ui-timepicker-addon.js。
三、本地化顯示元件內容
官方預設的國際化顯示方式需要覆蓋掉,以完成本地化(自己想要顯示的格式)。所以需要自行編寫本地化資源檔案,並在以上檔案引入後引入頁面。
格式大致如下:
//localizethe regional format and display name fragment
$.timepicker.regional['zh-cn'] = {
timeonlytitle: '
選擇時間
',timetext: '
時間',
hourtext: '
小時',
minutetext: '
分鐘',
secondtext: '秒',
millisectext: '
毫秒',
currenttext: '
當前時間
',closetext: '
關閉',
ampm:false
// make it intoeffect
$.timepicker.setdefaults($.timepicker.regional['zh-cn']);
$.datepicker.regional['zh-cn'] = {
// display text for close link
closetext: "done",
// display text for previous monthlink
prevtext: "
前一月",
// display text for next month link
nexttext: "
後一月",
// display text for current month link
currenttext: "today",
// names of months for drop-down andformatting
monthnames: ["
一月","
二月","
三月","
四月","
五月","
六月","七月
","八月
","九月
","十月
","十一月
","十二月
"],
// for formatting
monthnamesshort: ["
一", "
二", "
三", "
四", "
五", "
六", "
七", "
八", "
九", "
十", "
十一", "
十二"],
// for formatting
daynames: ["
星期日", "
星期一", "
星期二", "
星期三", "
星期四", "
星期五", "
星期六"],
// forformatting
daynamesshort: ["
週日", "
周一", "
周二", "
週三", "
周四", "
周五", "
週六"],
// column headings for days startingat sunday
daynamesmin: ["
日", "
一", "
二", "
三", "
四", "
五", "
六"],
// column header for week of the year
weekheader: "
周",
// see format options on parsedate
dateformat: "yy-mm-dd",
// the first day of the week, sun = 0, mon = 1, ...
firstday: 1,
// true if right-to-left language,false if left-to-right
isrtl:false,
// true if the year select precedes month, false for month thenyear
showmonthafteryear:true,
yearsuffix: "年"
// make it intoeffect
$.datepicker.setdefaults($.datepicker.regional['zh-cn']);
四、使用方法:
假設頁面中包含id為datepicker的文字輸入框,以下便是使用日期時間控制項的**:
$(function(){
$("#datepicker").datetimepicker({
timeformat:"hh:mm:ss",
dateformat: "yy-mm-dd"
Python UI測試時間控制項日期選擇方法
稅務申報按月按季度申報選擇。def getdatetime isdatetime,israndom,ismonthor 根據傳入的申報月份,返回申報屬期內的不同日期 1.當israndom值為1取申報屬期第一天,值為2取申報屬期最後一天,值為3取申報屬期隨機一天 2.當ismonthor值為1按月取...
html控制項使用方法!!!
1.建立按鈕 click me 2.段落 第一段第二段 3.輸入框 first name type 指出輸入框文字型別。name 指出該輸入框唯一的名字。以便在以後使用。4.get 與 post 的區別 get通常是值傳遞,如密碼 post是表單傳遞,action到乙個地方寫入資料庫。get 方法是...
VC LIST控制項使用方法
首先初始化list控制項 m list.insertcolumn 0,學號 lvcfmt center,50 m list.insertcolumn 1,姓名 lvcfmt left,75 m list.insertcolumn 2,數學 lvcfmt left,50 m list.insertco...