调用：DatePicker 背景：bg2.jpg

image.png
image.png

⚙ 配置

属性 说明 是否必需
limit 日期表内容配置 YES

整体配置范例

  1. function DatePicker() {
  2.   var data = {
  3.     model: "DatePicker",
  4.     config: {
  5.       shell: commonShellCfg,
  6.       bgImg: "bg2.jpg",
  7.       limit: {
  8.         // 【必填】默认开始日期
  9.                 defaultStartDate:'2021-04-27',
  10.         // 【必填】默认终止日期
  11.         defaultEndDate:'2021-05-09',
  12.         // 【必填】日期格式化，最终获取的日期格式
  13.         format: 'YYYY[-]MM[-]DD',
  14.         // 快捷按钮
  15.         btns:[
  16.         {
  17.           txt:"近7天",
  18.           sdate:"20210510",
  19.           edate:"20210517",
  20.         },
  21.         {
  22.           txt:"近一周",
  23.           sdate:"2021-05-09",
  24.           edate:"2021-05-16",
  25.         },
  26.         {
  27.           txt:"近一月",
  28.           sdate:"2021-04-16",
  29.           edate:"2021-05-16",
  30.         },
  31.         {
  32.           txt:"近三月",
  33.           sdate:"2021-02-16",
  34.           edate:"2021-05-16",
  35.         }
  36.       },
  37.     }
  38.   }
  39.   return data
  40. }

limit

  1. limit: {
  2.   // 【必填】默认开始日期
  3.   defaultStartDate:'2021-04-27',
  4.   // 【必填】默认终止日期
  5.   defaultEndDate:'2021-05-09',
  6.     // 【必填】日期格式化，最终获取的日期格式
  7.     format: 'YYYY[-]MM[-]DD',
  8.     // 快捷按钮
  9.     btns:[
  10.     {
  11.         txt:"近7天",
  12.         sdate:"20210510",
  13.         edate:"20210517",
  14.     },
  15.     {
  16.         txt:"近一周",
  17.         sdate:"2021-05-09",
  18.         edate:"2021-05-16",
  19.     },
  20.     {
  21.         txt:"近一月",
  22.         sdate:"2021-04-16",
  23.         edate:"2021-05-16",
  24.     },
  25.     {
  26.         txt:"近三月",
  27.         sdate:"2021-02-16",
  28.         edate:"2021-05-16",
  29.     }
  30. },
  31. // 段时间选择数据预览：
  32. // ["2019-08-15", "2019-08-15"]


♨️ JS Call

无

🚀 getData():array

  1. //获取选择日期段
  2. //返回数据示例：["2019-01-01","2019-12-01"]
  3. var ret=ZZH5.Call.getData();