以更简单的格式从引导日期/时间选择器读取日期值
Read date value from Bootstrap Date/Time picker in a simpler format
我正在使用Eonasdan的Bootstrap日期/时间选择器:https://github.com/Eonasdan/bootstrap-datetimepicker
我希望能够以我选择的格式读取所选择的日期,在这种情况下是DD/MM/YYYY。然而,它似乎输出星期几、月名、日、年、时间和GMT偏移量。
我在这里创建了一个脚本示例:http://jsfiddle.net/0Ltv25o8/1649/
<div class="row">
<div class="col-md-12">
<p><input type="text" class="datefield" placeholder="Date 1" id="date1"/></p>
<p><input type="text" class="datefield" placeholder="Date 2" id="date2"/></p>
</div>
</div>
$('.datefield').datetimepicker({
format: 'DD/MM/YYYY'
})
$(document).on('dp.change', '.datefield', function(e) {
var id=$(this).attr('id');
var theDate=e.date;
alert(id + " / " + String(theDate));
});
当您选择日期时,我输出日期文本字段的ID和日期字符串。我可以设置日期在日期文本字段中如何显示的日期格式,但不是当我读取它。
$(document).on('dp.change', '.datefield', function(e) {
var id=$(this).attr('id');
var theDate=e.date;
alert(id + " / " + e.date.format('DD/MM/YYYY'));
});
你可以在任何地方设置这个日期的格式
相关文章:
- 如何在模式弹出窗口中使用引导程序日期和时间选择器
- 两个日期时间选择器
- Angular Datetimepicker:指令'的模板;uib时间选择器'必须只有一个根元素
- Javascript-如何使用bootstrap日期时间选择器自动计算两个时间输入之间的差异
- 时间选择器:如何通过更改第一个值来更改第二个值
- 如何禁用引导程序时间选择器中的按钮
- 如何检查日期选择器和时间选择器元素是否使用JQuery/Javascript设置
- 引导时间选择器在增加或减少小时和分钟的同时获取 NaN
- 引导程序日期时间选择器来自另一个日期时间选择器
- 寻找使用Javascript从Kendo UI时间选择器中减去时间的更好替代方案
- Javascript是一个很好的日期选择器和时间选择器库
- jQuery日期时间选择器-如何在javascript中获取日期
- jQuery日期[时间]选择器-如何保存时间范围(+修改日期格式)
- 如何更改剑道时间选择器的禁用属性
- 如何从jquery日期和时间选择器中选择和显示数据
- 如何在jQuery日期时间选择器中添加12小时格式
- 如何将我的自定义时间选择器链接到我的asp.net
- 如何在 Django 模板中使用时间选择器小部件
- 结束日期作为基础日期时间选择器中的选定开始日期
- 如何在引导日期时间选择器中限制最小-最大时间