日期和时间选择器Js插件

一个简单的时间日历选择Js插件，使用JavaScript库添加一个高度可定制的日期&时间选择器。

全部配置参数

const opitons = {
  "appendTo": document.body,
  "autoClose": true,
  "autoHideOnBlur": true,
  "autoHideOnClick": true,
  "date": true,
  "dateValidator": Function.prototype,
  "dayFormat": "DD",
  "initialValue": null,
  "inputFormat": "YYYY-MM-DD HH:mm",
  "invalidate": true,
  "max": null,
  "min": null,
  "monthFormat": "MMMM YYYY",
  "monthsInCalendar": 1,
  "required": false,
  "strictParse": false,
  "styles": {
    "back": "rd-back",
    "container": "rd-container",
    "date": "rd-date",
    "dayBody": "rd-days-body",
    "dayBodyElem": "rd-day-body",
    "dayConcealed": "rd-day-concealed",
    "dayDisabled": "rd-day-disabled",
    "dayHead": "rd-days-head",
    "dayHeadElem": "rd-day-head",
    "dayRow": "rd-days-row",
    "dayTable": "rd-days",
    "month": "rd-month",
    "next": "rd-next",
    "positioned": "rd-container-attachment",
    "selectedDay": "rd-day-selected",
    "selectedTime": "rd-time-selected",
    "time": "rd-time",
    "timeList": "rd-time-list",
    "timeOption": "rd-time-option"
  },
  "time": true,
  "timeFormat": "HH:mm",
  "timeInterval": 1800,
  "timeValidator": Function.prototype,
  "weekdayFormat": "min",
  "weekStart": moment().weekday(0).day()
}

API方法

// Shows the picker
.show()

// Hides the picker
.hide()

// Gets the current date
.getDate()

// Gets the current date string
.getDateString(format)

// Gets the moment object
.getMoment()

// Destroys the picker
.destroy()

// restores the picker
.restore(options)

// Updates options
.options(options?)

// Resets the options
.options.reset()

// Emits all values
.emitValues()

// Sets the value
.setValue(value)

// Refreshes the picker
.refresh()

// Backs to the previous month
.back()

// Goes to the next month
.next()