将日期设置为值

时间:2017-06-01 10:38:44

标签: javascript jquery

我尝试在bootstrap-datetimepicker初始化时默认将日期设置为值。问题是我需要将当前日期设置为date_till.val(),而date_from.val()必须是'两周前日期。我需要以' DD.MM.YYYY' 的格式制作它。我该怎么做?

我现在有类似的东西,但它只设置当前日期:

var CurrentDate = new Date();

    $('.date_from').val(CurrentDate);
    $('.date_till').val(CurrentDate);

5 个答案:

答案 0 :(得分:0)

更改引导日期选择器格式

$(function() {              
           // Bootstrap DateTimePicker v4
           $('#datetimepicker').datetimepicker({
                 format: 'DD/MM/YYYY'
           });
        });   

要在此插件中提供默认日期,请使用Moment.js,易于使用 如果它不是你想要的,那么告诉我我将改变我的解决方案

答案 1 :(得分:0)

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>
&#13;
&#13;
&#13;

请检查我上面的代码段吗?

答案 2 :(得分:0)

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);

答案 3 :(得分:0)

希望这会有所帮助。

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);

答案 4 :(得分:-1)

您可以从当前日期减去14天

REST_FRAMEWORK = { 'DEFAULT_AUTHENTICATION_CLASSES': ( 'rest_framework.authentication.BasicAuthentication', 'rest_framework.authentication.SessionAuthentication', 'rest_framework.authentication.TokenAuthentication', ) }

格式化。 你必须使用方法$('.date_from').val(CurrentDate.getDate() -14);

手动连接

<强>更新 date.getDate();date.getDate();date.getFullYear()

相关问题