javascript - 如何在 Javascript 中获取日期时间选择器引导程序的值
问题描述
我试图打印出日期时间选择器的值,console
但没有任何效果。
HTML
<div class="form-group">
<label for="sm" class="control-label col-lg-2 col-sm-4">{{ __('messages.assetmgt.warrantyeffectivedate') }}</label>
<div id="myDate" class="col-sm-6 input-group bootstrap-timepicker">
<input class="input-sm form-control" type="text" name="awEffectiveDateWeb" id="awEffectiveDateWeb" readonly/>
<span class="input-group-addon try dateTimePickerButton" id="awEffectiveDate"><span class="fa fa-calendar"></span></span>
</div
</div>
JS
var value = $("#myDate").datetimepicker("getDate");
console.log(value);
日期时间选择器
$(document).ready(function() {
$('.bootstrap-timepicker').datetimepicker({
format: 'DD/MM/YYYY HH:mm:ss'
});
});
我的预期结果是当 DateTime 值更改时,日期时间选择器的值将打印在控制台上。
解决方案
最好在输入元素而不是 div 上初始化 datepicker
$('#awEffectiveDateWeb').datetimepicker({
format: 'DD/MM/YYYY HH:mm:ss'
});
您可以在更改功能上使用日期选择器
$('#awEffectiveDateWeb').on('dp.change', function() {
console.log($(this).val());
}
推荐阅读
- php - 如何防止用户通过网络选项卡读取参数和响应?
- unity3d - 如何在 Unity 中正确显示高棉文本
- r - 如果我想要一个线性回归模型而不是“mlm”怎么办?
- c - 我继续使用我在 codechef 初级上的代码
- java - 摆脱 Unchecked 覆盖:返回类型需要未经检查的转换
- python - 代码在 jupyter notebook 中打印不正确的输出,而它在在线 IDE 上正确运行
- html - 尽管 z-index:4(最高层),但元素在层下消失
- node.js - 将 Karma、Jasmine 规范添加到工作中的 anuglar 应用程序
- magento-1.8 - Magento - 如何将值从模板传递到 js 文件?
- php - 计划的 Cron 作业未在 Godaddy 共享主机中运行