引导日期选择器将日期设置为当前日期
Posted
技术标签:
【中文标题】引导日期选择器将日期设置为当前日期【英文标题】：bootstrap datepicker set date to curent date 【发布时间】：2014-12-07 18:54:32 【问题描述】：我想自动设置今天的日期，但它不起作用。
<div class="input-append date">
<input type="text" data-date-format="yyyy-mm-dd" id="date_debut" readonly>
<span class="add-on"><i class="icon-calendar"></i></span>
</div>
$('#date_debut').datepicker(
setDate: new Date(),
autoclose: true
);
日期是在我点击时设置的，但我希望它在不点击日期输入的情况下设置
Edit => 也许我的要求有问题？在人们的项目中工作的惯用方式在我的项目中没有....
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script>var $j = jQuery.noConflict();</script>
<link rel="stylesheet" type="text/css" href="js/bootstrap/css/bootstrap.css" />
<script type="text/javascript" src="js/bootstrap/js/collapse_bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="js/css.css" />
<link rel="stylesheet" type="text/css" href="js/datepicker/css/datepicker.css" />
<script type="text/javascript" src="js/datepicker/js/bootstrap-datepicker.js"></script>
</head>
【问题讨论】：
只需将带有当前日期的value 属性添加到date_debut 输入？
是的，它适用于静态日期，但如何处理“今天”的日期？
我的意思是当你输出日期输入的html 部分时，给它一个默认值今天你明白了吗？
哦，我明白了，但我不使用一些 JS 打印它，它在一个 html 页面中。我只是用 javascript 设置值。
【参考方案1】：
这应该可以解决问题：
$('#date_debut').datepicker(
defaultDate: new Date(),
autoclose: true
);
【讨论】：
【参考方案2】：好的，它是这样工作的，但它不是很……干净
我的html代码=>
<div class="input-append date" id="print_date_debut">
<span class="add-on"><i class="icon-calendar"></i></span>
</div>
我在另一个文件中的 javascript 代码 =>
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1;//January is 0!`
var yyyy = today.getFullYear();
if(dd<10)dd='0'+dd
if(mm<10)mm='0'+mm
var today = yyyy+'-'+mm+'-'+dd;
console.log(today);
$j("#print_date_debut").prepend("<input type=\"text\" value=\""+today+"\" data-date-format=\"yyyy-mm-dd\" id=\"date_debut\" readonly>");
$j('#date_debut').datepicker(
defaultDate: new Date(),
autoclose: true
);
【讨论】：
【参考方案3】：我发现了这样的东西：
$("#date_debut").datepicker("update", new Date());
https://***.com/a/19953892/3172092
更新：在初始化datepicker 实例之前，您可以先将值设置为输入，例如：
$("#date_debut").val('2014-10-13');
// next
$('#date_debut').datepicker(
autoclose: true
);
【讨论】：
不，我不明白为什么所有这些解决方案在我的项目中都不起作用......也许我会使用 George Garchagudashvili 技术并为我的 datepicker 设置一个值字段的 html 代码jquery 中的当前日期。这是一个好方法吗？以上是关于引导日期选择器将日期设置为当前日期的主要内容，如果未能解决你的问题，请参考以下文章