Set dates as values

Question

I'm trying to set come dates as values by default when the bootstrap-datetimepicker gets initialised. The thing is that I need to set the current date as date_till.val() and the date_from.val() must be a 'two-week-ago' date. And I need to make it in the format of 'DD.MM.YYYY'. How would I do that?

I have something like this now but it sets only the current date:

var CurrentDate = new Date();

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

Did you want to display `date_from = current data` and `date_till = two-week-wgo date` ? — Purvik Dhorajiya, Jun 01 '17 at 10:43
if you have lots of date manipulation on your app i suggest to go with moment.js library! — Panagiotis Vrs, Jun 01 '17 at 10:44
Possible duplicate of [jQuery date formatting](https://stackoverflow.com/questions/5250244/jquery-date-formatting) — Bourbia Brahim, Jun 01 '17 at 10:44

score 0 · Answer 1 · answered Jun 01 '17 at 11:00

0

change bootstrap date picker format

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

And to provide default Dates in this plugin, use Moment.js , easy to use if its not what you want then inform me i will change my solution

answered Jun 01 '17 at 11:00

Krunal Limbad

1,533
1
12
23

I'm not really familiar with Moment.js, how to do that exactly? – JDoeBloke Jun 01 '17 at 11:05

score 0 · Answer 2 · answered Jun 01 '17 at 11:10

12096e5 is a magic number which is 14 days in milliseconds.

$(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>

Would you please check my above snippet?

`datetimepicker != datepicker` – charlietfl Jun 01 '17 at 11:16 — charlietfl, Jun 01 '17 at 11:16

score 0 · Answer 3 · answered Jun 01 '17 at 11:23

var dateTillDate = new Date();
var fromDate = new Date()
fromDate.setDate(-14);

// till date

$(".date_till").datepicker({
    format: 'DD/MM/YYYY',
}).datepicker("setDate", dateTillDate);

// from date

 $(".date_from").datepicker({
        format: 'DD/MM/YYYY',
   }).datepicker("setDate", fromDate);

score 0 · Answer 4 · answered Jun 01 '17 at 11:38

Hope this will help.

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

FosterZ · Answer 5 · 2017-06-01T11:12:20.433

-1

you can subtract 14 days form current date

$('.date_from').val(CurrentDate.getDate() -14);

And for formatting. you have to manually concat using method date.getDate();date.getDate();date.getFullYear()

Update CurrentDate.setDate(CurrentDate.getDate()-14);

edited Jun 01 '17 at 11:12

answered Jun 01 '17 at 10:44

FosterZ

3,863
6
38
62

Huh? This will produce negative numbers when date is the 13th or less and doesn't consider different lengths of different months – charlietfl Jun 01 '17 at 10:55
my mistake, forgot to mention set date. updated my answer – FosterZ Jun 01 '17 at 11:11

Set dates as values

5 Answers5