如何从日期范围选择器中获取两个日期?

时间:2016-05-10 18:18:37

标签: javascript jquery date-range daterangepicker

我有一个html页面,它使用简单的DateRange输入:BeatPicker/demos 我可以从输入中获取StartDate,但我似乎无法获得EndDate。使用单个输入元素输入两个日期。

<input type="text" id="demo" data-beatpicker="true" data-beatpicker-position="['*','*']" data-beatpicker-range="true"/>

<button onclick="myFunction()">Click me</button>

<script>
function myFunction() {
alert(demo.value);  // gives Start Date
alert(demo.startDate);  // gives Start Date

// below show undefined
//var x = myDatePicker.getSelectedEndDate;
//var x = document.getElementById("demo").getSelectedEndDate.value];
//alert(x);
}
</script>

BeatPicker Documentation

1 个答案:

答案 0 :(得分:2)

如果您没有选择日期,那么您的功能将无法按预期工作。

我会使用日期选择器的x, y, y_ = tf.import_graph_def(graph_def, return_elements=['data/inputs:0', 'output/network_activation:0', 'data/correct_outputs:0'], name='') 事件来实际获取值。

根据BeatPicker文档,获取开始日期和结束日期的方法是selectgetSelectedStartDate。由于您已使用声明性语法,因此您还可以通过getSelectedEndDate为日期选择器id。如果您这样做,您可以通过该ID引用日期选择器。

更新您的元素声明:

data-beatpicker-id="myPicker"

尝试更改您的功能以使用这些方法:

<input data-beatpicker-id="myPicker" type="text" id="demo" data-beatpicker="true" data-beatpicker-position="['*','*']" data-beatpicker-range="true" />

在演示页面的底部,您可以看到挂钩数据选择器事件的示例。使用function myFunction(){ var startDt = myPicker.getSelectedStartDate(); var endDt = myPicker.getSelectedEndDate(); console.log(startDt, endDt); } select事件比按钮调用的函数更好:

change