hg-datepicker/examples/example.js

a datepicker in the mobile terminal

import DatePicker from '@'
// import DatePicker from '../dist/hg-datepicker.js';
import '../picker.css'

var now = new Date()
var a1 = now.getFullYear()
var a2 = now.getMonth() + 1
var a3 = now.getDate()
var pass = new Date(now.getTime() - 86400 * 1000 * 5000)
var a4 = pass.getFullYear()
var a5 = pass.getMonth() + 1
var a6 = pass.getDate()
var picker = new DatePicker({
  start: [a4, a5, a6], // 开始时间
  end: [a1, a2, a3], // 结束时间
  // start: [2017, 1, 1],
  // end: [2018, 9, 17],
  // initValue: [2018, 9, 10],
  // style: {
  //     btnLocation: 'bottom',
  //     liHeight: 45,
  //     btnHeight: 50,
  //     btnOffset: '30px',
  //     // okColor: '#5bcffe',
  //     // cancleColor: 'rgb(221, 159, 159)',
  //     // btnBgColor: 'rgba(141, 240, 128, 0.55)',
  //     // contentBgColor: '#adf499',
  //     // contentColor: '#000',
  //     // titleColor: 'green',
  //     // lineColor: '#00ff2f',
  //     // upShadow: 'linear-gradient(to bottom, rgb(14, 140, 14), rgba(14, 140, 14, 0))',
  //     // downShadow: 'linear-gradient(to top, rgb(14, 140, 14), rgba(14, 140, 14, 0))',
  // },
  cancel: function () {
    console.log('取消日期选择')
  },
  onOk: function (arr) { // 回调函数
    console.log(arr)
    document.getElementById('date-input' + picker.get('pickerNumber')).innerHTML = arr
  }
})
var picker2 = new DatePicker({
  type: 'time', // 选择器类型
  start: [2, 30], // 开始时间
  end: [22, 20], // 结束时间
  style: {
    btnHeight: 46
  },
  onOk: function (arr) {
    console.log(arr)
    document.getElementById('time-input').innerHTML = arr
  }
})
var picker3 = new DatePicker({
  type: 'dateTime',
  style: {
    btnHeight: 44
  },
  start: [2020, 2, 2, 2, 20], // 开始时间
  end: [2120, 4, 4, 5, 50], // 结束时间
  hasSuffix: 'no', // 不添加时间单位
  hasZero: 'no', // 单位数不显两位
  onOk: function (arr) {
    console.log(arr)
    document.getElementById('datetime-input').innerHTML = arr
  }
})

window.select = function (number) {
  picker.set({
    pickerNumber: number,
    title: `${number}号选择器`
  })
  picker.show()
}

window.select2 = function () {
  picker2.show()
}

window.select3 = function () {
  picker3.show()
}

var picker4 = new DatePicker({
  type: 'month',
  initValue: [1994, 10],
  start: [1960, 3],
  end: [2020, 3],
  hasSuffix: 'no', // 不添加时间单位
  onOk: function (arr) {
    console.log(arr)
    document.getElementById('month-input').innerHTML = arr
  }
})

window.select4 = function () {
  picker4.show()
}

window.setValue = function (arr) {
  picker4.set({
    value: arr
  })
}

window.destroy = function (arr) {
  picker4.destroy()
  console.log(picker4)
}