将“当前日期”设置为在引导日期选取器中选中
Set Current Date as Selected in Bootstrap datepicker
我在代码中使用了bootstrap-datepicker。如何在 JavaScript 中选择当前日期并将其显示为选定日期?
经过研究,这是我正在使用的代码,但当前日期未显示为选定日期:
var today = moment();
datepicker1.datepicker({
endDate: today.toDate()
});
datepicker2.datepicker({
startDate: today .toDate(),
endDate: today.toDate()
});
datepicker1.datepicker('setDate', today.toDate());
datepicker2.datepicker('setDate', today.toDate());
datepicker1.datepicker('update'); //update the bootstrap datepicker
datepicker2.datepicker('update');
我使用引导日期选择器。 下面的代码对我有用:
$('#my-datepicker').datepicker('setDate', 'now');
不知道你正在使用的代码,没有HTML标记没有多大意义,
这是您所追求的工作示例
$(document).ready(function() {
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
var end = new Date(date.getFullYear(), date.getMonth(), date.getDate());
$('#datepicker1').datepicker({
format: "mm/dd/yyyy",
todayHighlight: true,
startDate: today,
endDate: end,
autoclose: true
});
$('#datepicker2').datepicker({
format: "mm/dd/yyyy",
todayHighlight: true,
startDate: today,
endDate: end,
autoclose: true
});
$('#datepicker1,#datepicker2').datepicker('setDate', today);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/css/bootstrap-datepicker.min.css" />
<div class="row">
<div class="col-lg-2">
<div class="panel">
<fieldset>
<div class="form-group">
<label for="datepicker1">Date</label>
<input type="text" class="form-control" id="datepicker1">
</div>
</fieldset>
<fieldset>
<div class="form-group">
<label for="datepicker2">Date2</label>
<input type="text" class="form-control" id="datepicker2">
</div>
</fieldset>
</div>
</div>
</div>
使用 minDate : moment()
时选择当前日期的问题。
解决方案是使用以下代码来分配日期时间选择器:
$('#datetimepicker6').datetimepicker({
format: 'DD/MM/YYYY',
minDate: moment().millisecond(0).second(0).minute(0).hour(0),
clear : false
});
这对
我有用
$("#order_date").datepicker( {
autoclose: true,
});
var orderDate = '2021-03-05';
$('#order_date').datepicker('update', new Date(Date.parse(orderDate)));
参考
$(document).ready(function() {
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
var end = new Date(date.getFullYear(), date.getMonth(), date.getDate());
$('#datepicker1').datepicker({
format: "mm/dd/yyyy",
todayHighlight: true,
startDate: today,
endDate: end,
autoclose: true
});
$('#datepicker2').datepicker({
format: "mm/dd/yyyy",
todayHighlight: true,
startDate: today,
endDate: end,
autoclose: true
});
$('#datepicker1,#datepicker2').datepicker('setDate', today);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/css/bootstrap-datepicker.min.css" />
<div class="row">
<div class="col-lg-2">
<div class="panel">
<fieldset>
<div class="form-group">
<label for="datepicker1">Date</label>
<input type="text" class="form-control" id="datepicker1">
</div>
</fieldset>
<fieldset>
<div class="form-group">
<label for="datepicker2">Date2</label>
<input type="text" class="form-control" id="datepicker2">
</div>
</fieldset>
</div>
</div>
</div>
有了这个,您可以突出显示当前日期!
$('#datetimepicker6').datetimepicker({
todayHighlight:true
})
相关文章:
- 如何在JavaScript中延长当前日期
- 使用当前日期生成随机id
- 无法将picadate日期选择器重置为指向当前月份
- JavaScript日期接收为像这次旅行一样的对象.日期:“/日期(1426530600000)/”;
- 如何使用 javascript 获取 UTC 格式的日期,而不考虑当前系统日期
- 选择数据属性日期值早于当前服务器日期的元素
- 将变量日期与 if/else 语句中的日期(日期字符串)进行比较
- 日期日期对象与输入不同
- JavaScript 新日期(日期)返回错误的日期
- 日期(日期字符串)构造函数不一致
- 点击按钮获取当前系统日期时间
- 如何写日期|日期:"MM”;在ng类中
- javascript数组查找具有当前日期+日期的最近日期
- 将UTC中的Epoch转换为当前时区日期
- 如何将当前月份日期更改为另一个月
- 将当前时间日期放在隐藏字段中
- 向已经选择的日期(当前在日期选择器文本框中的日期)添加一定天数
- 如何将当前输入日期添加到动态列表中?
- 显示当前和+1日期的Javascript时间
- 在 Javascript 中将 ISO 8601 字符串转换为当前时区日期时间对象