How to hide the previous dates in bootstrap date picker? - javascript

I am using boot strap date picker control for displaying date. I want to hide the previous dates in date picker. How to do it?

use this
var date = new Date();
date.setDate(date.getDate()-1);
$('#sandbox-container input').datepicker({
autoclose: true,
startDate: date
});
JSFiddle

Related

How to set only month picker in pickadate.js

I implemented the date picker in my code. I only need month and year. I have to remove date in calendar.
$('.datepicker').pickadate({
selectMonths: true,
selectYears:10,
max: [2017]
});

how to set min month at bootstrap datepicker

I have a web application which requires a month/year date to be entered.Currently i am using bootstrap datepicker to show the month of the year.
var minDate = new Date();
minDate.setMonth(minDate.getMonth()-1, 1);
$("#datepicker").datepicker( {
minDate: minDate,
format: "mm-yyyy",
viewMode: "months",
minViewMode: "months"
});
The code above allow the user to select previous month or last month.How can i restrict the user to select previous month or last month by modify the code above?
JSFiddle
You can set a selectable range, using startDate and endDate
For further info, on the available options, check the docs https://bootstrap-datepicker.readthedocs.org/en/latest/options.html

How to validate to allow only current and next date in the date picker using javascript

I have two date pickers one to select the start date and the other for end date.Now I need to validate so that the user can only select current and next date from the date picker and not the other dates.How to validate using javascript
If its about jQuery UI Datepicker, you can provide date selection range as:
$( "#datepicker" ).datepicker({ minDate: 0, maxDate: "+1D" });
In this minDate : 0 represents Today and maxDate: +1D is Tomorrow
Here is Demo for your requirement.

jQuery Datepicker with Select elements?

I'm trying to find a date of birth date picker similar to the one next to the bottom on this page: http://www.pradosoft.com/demos/quickstart/?page=Controls.Samples.TDatePicker.Home
Have you seen such date picker in jQuery ?.
I actually use a combination of the day selector with dropdowns from the jQuery UI datepicker for birthday selection like so:
$('.datepicker').datepicker({
changeYear:true,
changeMonth:true,
showMonthAfterYear:true,
yearRange:'1920:' + $.datepicker.formatDate('yy', new Date())
});

Jquery date time picker with 2013-05-30 19:02:51.497 format

I am able to bring the jquery calendar with the following code.
$( "#startDate, #endDate" ).datetimepicker();
this also brings me date picker and time I get the following format : 10/08/2013 05:23 PM but I want the selected date to have the following format 2013-05-30 19:02:51.497 how do I do that with jquery?
thanks
You can check it by using jquery-ui-datetimepicker-plugin
$('#startDate, #endDate')
.datetimepicker({ dateFormat: 'yy-mm-dd', timeFormat: 'hh:mm:ss' });
I have followed this
but did not work and working one is
$("#startDate, #endDate").datetimepicker({ dateFormat: 'dd-mm-yy hh:mm:ss'});

Categories

Resources