How to set specific timezone in datepicker using jquery only?

百般思念 提交于 2021-02-20 19:17:09

问题


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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!