将日期设置为值
我试图将bootstrap-datetimepicker初始化时的默认值设置为默认值。问题是我需要将当前日期设置为date_till.val()
,并且date_from.val()
必须是“两周前”日期的。我需要以'DD.MM.YYYY'的格式制作。我会怎么做?将日期设置为值
我现在有这样的事情,但只设置当前日期:
var CurrentDate = new Date();
$('.date_from').val(CurrentDate);
$('.date_till').val(CurrentDate);
你可以减去14天形成当前日期
$('.date_from').val(CurrentDate.getDate() -14);
并进行格式化。 你必须手动CONCAT使用方法date.getDate();date.getDate();date.getFullYear()
更新 CurrentDate.setDate(CurrentDate.getDate()-14);
咦?这会产生负数,当日期是第13或更少,并且不考虑不同月份的不同长度 – charlietfl
我的错误,忘记提及日期。更新了我的回答 – FosterZ
变化引导日期选择器格式
$(function() {
// Bootstrap DateTimePicker v4
$('#datetimepicker').datetimepicker({
format: 'DD/MM/YYYY'
});
});
而且在这个插件提供的默认日期,使用Moment.js,易于使用 如果它不是你想要的然后告诉我我会改变我的解决方案
我对Moment.js并不是很熟悉,那该怎么做呢? – JDoeBloke
12096e5
是一个以毫秒为单位的14天的幻数。
$(document).ready(function() {
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
var pastdate = new Date(+new Date - 12096e5);
$('#date_from').datepicker({
format: "mm/dd/yyyy",
todayHighlight: true,
startDate: pastdate,
autoclose: true
});
$('#date_till').datepicker({
format: "mm/dd/yyyy",
todayHighlight: true,
startDate: today,
autoclose: true
});
$('#date_from').datepicker('setDate', pastdate);
$('#date_till').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="date_from">Date From</label>
<input type="text" class="form-control" id="date_from">
</div>
</fieldset>
<fieldset>
<div class="form-group">
<label for="date_till">Date Till</label>
<input type="text" class="form-control" id="date_till">
</div>
</fieldset>
</div>
</div>
</div>
请你检查我上面的代码?
'datetimepicker!= datepicker' – charlietfl
var dateTillDate = new Date();
var fromDate = new Date()
fromDate.setDate(-14);
//直到日期
$(".date_till").datepicker({
format: 'DD/MM/YYYY',
}).datepicker("setDate", dateTillDate);
//从日期
$(".date_from").datepicker({
format: 'DD/MM/YYYY',
}).datepicker("setDate", fromDate);
希望这会有所帮助。
var today = new Date();
var date_till = today.getDate()+"."+(today.getMonth()+1)+"."+today.getFullYear();
today.setDate(today.getDate() -14); /*Two week back date*/
var dd = today.getDate();
var mm = today.getMonth()+1; /*Because January is 0*/
var YY = today.getFullYear();
$(".date_from").val(dd+'.'+mm+"."+YY);
$(".date_till").val(date_till);
你想显示'date_from =当前数据'和'date_till =两周wgo日期'吗? – purvik7373
如果你的应用程序有很多日期操作,我建议使用moment.js库! –
[jQuery日期格式化]可能的重复(https://*.com/questions/5250244/jquery-date-formatting) –