How to set specific timezone in datepicker using jquery only?

问题

I've a field and applying datepicker on it using jQuery.

it is currently getting time from system/browser.

I want it to get time from specific time zone e.g America/new_york.

The endDate param is the key to set the calendar, means user should not be able to select the date from future. Currently it is looking like this

The code snippet is :

jQuery('#convo_start_date').datepicker({
    format: 'dd M yyyy',
     endDate: '+0d',
     autoclose: true,
     showButtonPanel: true, 
     todayBtn: 'linked'
    }).on('change', function () {
        jQuery('.datepicker').hide();
        jQuery('#convo_end_date').attr('value',jQuery('#convo_start_date').val());
    });

Question: Is there any way to set the default specific timezone like America/new_york to do not allow the date from future (according to this specific timezone)?

Note: I've tried moment.js but it is conflicting with my current work in jQuery, Is there any params datepicker library providesvto set with timezone?

回答1:

If you are using jquery ui datepicker plugin, you can set the maxDate option to current date so that user can't select date from future.

You will need to do the conversion to the specific timezone. You can change the targetTimeOffset variable as per your requirement.

var d = new Date();
var targetTimeOffset  = -4*60; //desired time zone, taken as GMT-4
d.setMinutes(d.getMinutes() + d.getTimezoneOffset() + targetTimeOffset );

Check Fiddle: http://jsfiddle.net/mpsingh2003/8w8v9/3387/ if this is what you are looking for

回答2:

You can use Joda-Time library to get your solution.

Check the classes they provide like org.joda.time.DateTimeZone.

You can get the DateTimeZone depending on the Canonical ID defined in the Joda Time.

Please check this link for API documentation.

Hope this will helpful for you. Thanks.

来源：https://stackoverflow.com/questions/45734554/how-to-set-specific-timezone-in-datepicker-using-jquery-only