寻找可以插入自定义JS日期范围选择器的JS datepicker模块化脚本

时间:2016-07-25 20:57:16

标签: javascript datepicker calendar

(对于StackOverflow,这可能不够具体,但我确实有实际的代码示例。如果您认为它太模糊,请在评论中告诉我或投票结束。)

背景

我正在为内部Web应用程序设计日期范围选择器。它的工作方式是点击一个输入会弹出一个预定义范围列表,类似于日期范围选择在Google搜索结果中的工作方式:

enter image description here

只有当用户点击自定义范围/日期时,他们才会获得日历。弹出窗口内有面板,侧面滑动,他们会看到一个或两个日历(如果是范围或单个日期)。

问题

我正在寻找一个可以插入现有自定义日期选择器类的日期选择器脚本。我希望能够从JS调用它,并附加一个回调来返回日期。没有input HTML元素。

在我看来,一个完美的API会让我做这样的事情:

var beginDatePicker = new DatePicker({
    default: beginDate,
    callback: function(event){
        // do stuff with returned date
    }
})
... .appendChild( beginDatePicker.el.wrapper );

这样我就可以创建一个日历,然后使用回调将日期和动画存储到第二个日历,最后将日期放在隐藏的输入中。

我找不到任何模块化的开源datepicker脚本。它们都需要一个input元素,但我需要能够在我去的时候创建和销毁日历。

有人知道以上述方式工作的库/脚本/类吗?

1 个答案:

答案 0 :(得分:0)

答案

在我能找到的任何地方都不存在。解决方案就是采用开源选项,分叉,删除我需要的部分,并使用它。