js日期選擇控制項layDate api手冊

2021-07-23 23:04:42 字數 2788 閱讀 4532

js日期選擇控制項laydate api手冊

一、核心方法:laydate(options);

options是乙個物件,它包含了以下key: '預設值'

elem: '#id', //需顯示日期的元素選擇器

event: 'click', //觸發事件

format: 'yyyy-mm-dd hh:mm:ss', //日期格式

istime: false, //是否開啟時間選擇

isclear: true, //是否顯示清空

istoday: true, //是否顯示今天

issure: true, 是否顯示確認

festival: true //是否顯示節日

min: '1900-01-01 00:00:00', //最小日期

max: '2099-12-31 23:59:59', //最大日期

start: '2014-6-15 23:00:00',    //開始日期

fixed: false, //是否固定在可視區域

zindex: 99999999, //css z-index

choose: function(dates)

二、其它方法/屬性

laydate.v   //獲取laydate版本號

laydate.skin(lib);  //載入**,引數lib為**名

/*layer.now支援多型別引數。timestamp可以是前後若干天,也可以是乙個時間戳。format為日期格式,為空時則採用預設的「-」分割。

如laydate.now(-2)將返回前天,laydate.now(3999634079890)將返回2096-09-28

*/layer.now(timestamp, format);   //該方法提供了豐富的功能,推薦靈活使用。

laydate.reset();    //重設日曆控制項座標,一般用於頁面dom結構改變時。無參

html>

<

html>

<

head>

<

metacharset="utf-8">

<

title>多樣式js日曆控制項選擇器**

title>

<

scriptsrc="laydate/laydate.js">

script>

head>

<

body>

<

divstyle="width:300

px; margin:10

px auto;">

演示一:<

inputonclick="laydate

()"><

br/><

br/>

演示二:<

inputid="demo">

div>

<

script>

;!function())

}();

script>

<

divstyle="text-align:center;margin:50

px0; font:normal14

px/24

px'microsoft yahei';">

<

p>適用瀏覽器:ie8、360、firefox、chrome、safari、opera、傲遊、搜狗、世界之窗.

p>

<

pahref=""target="_blank">原始碼

a>

p>

div>

body>

html>

日期選擇控制項

呼叫方法 日曆開始 var date start,date end,g object var today new date var separator var inover false mode 時間變換的型別0 年 1 月 2 直接選擇月 function change date temp,mod...

js日期控制項

var months new array 一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月 var daysinmonth new array 31,28,31,30,31,30,31,31,30,31,30,31 var days new array 日 一 二 三 四 ...

layDate時間控制項 layUI

前言 在購票等和時間相關的內容的時候,我們都會用到時間控制項,如何將時間控制項完美的展現在使用者面前,就是我們需要考慮的事情了。laydate為我們提供了豐富的時間控制項模板,通過對laydate的應用,可以讓我們的時間控制項更加美觀。下面和大家分享一下,引用laydate的步驟。2.引入layda...