layui 日期時間組件

2019-01-19 18:21 更新

layDate早在2014年就已經(jīng)推出了,憑借皮膚方面比較出色的表現(xiàn),贏得了一些用戶。但是由于個人精力有限,從layDate 1.1開始就已經(jīng)暫停了更新。期間也收到了不少的問題反饋,基本都已經(jīng)記錄在社區(qū)了。目前l(fā)ayDate是作為Layui日期時間模塊而存在,在原有獨立組件的基礎(chǔ)上,修復(fù)了一些比較明顯的bug,滿足日常需求毫無問題。但仍然會在后續(xù)版本對其進(jìn)行一次大重寫,爭取在彌補它曾經(jīng)痛點的同時,迎來一次驚艷。另外,它仍然會采用原生JavaScript編寫,且不依賴Layui的其它模塊。

模塊加載名稱:laydate,laydate獨立組件官網(wǎng):laydate.layui.com

由于layDate會進(jìn)行一次大重寫,所以不在此頁做詳細(xì)的使用介紹。你可以前往獨立組件官網(wǎng)查看更多例子。

一、核心方法:laydate(options);
options是一個對象,它包含了以下key: '默認(rèn)值'
{
  elem: '#id', //需顯示日期的元素選擇器
  event: 'click', //觸發(fā)事件
  format: 'YYYY-MM-DD hh:mm:ss', //日期格式
  istime: false, //是否開啟時間選擇
  isclear: true, //是否顯示清空
  istoday: true, //是否顯示今天
  issure: true, 是否顯示確認(rèn)
  festival: true //是否顯示節(jié)日
  min: '1900-01-01 00:00:00', //最小日期
  max: '2099-12-31 23:59:59', //最大日期
  start: '2014-6-15 23:00:00',  //開始日期
  fixed: false, //是否固定在可視區(qū)域
  zIndex: 99999999, //css z-index
  choose: function(dates){ //選擇好日期的回調(diào)
 
  }
}
二、其它方法/屬性
laydate.v   //獲取laydate版本號
laydate.skin(lib);  //加載皮膚,參數(shù)lib為皮膚名 
/*
  layer.now支持多類型參數(shù)。timestamp可以是前后若干天,也可以是一個時間戳。format為日期格式,為空時則采用默認(rèn)的“-”分割。
  如laydate.now(-2)將返回前天,laydate.now(3999634079890)將返回2096-09-28
*/
layer.now(timestamp, format);   //該方法提供了豐富的功能,推薦靈活使用。
laydate.reset();  //重設(shè)日歷控件坐標(biāo),一般用于頁面dom結(jié)構(gòu)改變時。無參

作為獨立組件的LayDate是一款相對比較失敗的產(chǎn)品,但她很快會迎來一次重生。

Layui - 用心與你溝通


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號