日期時間選擇控制項配置使用方法

2021-06-18 21:43:03 字數 2812 閱讀 1932

一、需要的資源:

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...