Is it possible to change the timezone of moment object? - reactjs

I am developing a reactjs application, I want to set timezone to my application.I am using react-datetime package for date and time selection.
My requirement is, My Application need to works with user's selected timezone.
For example, In my profile I set America/losangels timezone but I am in India. so the date pickers need to show/give America/losangels date and time but I am getting IST date and time.
Is it possible to change the react-datetime picker timzone?

Use the moment timezone library.
You can then set the default timezone that moment will use (docs:
import moment from 'moment-timezone';
moment.tz.setDefault("America/New_York");
Now, when react-datetime creates/formats new moments, they should be in this timezone.

Related

Selection of dates on react date calendar when on mobile version

I have created an application that has a react date range calendar that works perfectly fine. Problem is when on mobile responsiveness am unable to select the dates. You are not able to select from start date to end date. Can someone please assist with this. Here is sample of the code:
Date Range Calendar code
Selecting dates on mobile view.

codename one date time picker components editable

Currently we are using date with time picker, We looking the updated feature on this date time picker when user try to edit and type his/her own Date or Hours or Minutes or AM/PM component.
Clients posted the issues regarding this date time picker.Any updated tool is available on this date time picker?
please help us or guide us how to achieve this.

Jalali Calendar in fullcalendar

I use fullcalendar (fullcalendar.io) on my website.
My website has another language that needs Jalali calendar. So I try to change fullcalendar format to jalali because I see that this script uses moment.js and moment.js has an option to use jalali date.
I can't find out how to switch and use this calendar in jalali format.
I found Solution on Github, Natico convert fullcalendar to persian language and also add Jalali calendar with add moment-jalali.js:
https://github.com/Natico/fullcalendar-Jalaali/

How do I change the 'created' stamp timezone dynamically in CakePHP

I can change the PHP time zone, but the database is still stamped with the server time. How can I change this so it shows the correct time zone? It's dynamic based on which item a user is loaded in to - so I need to be able to change at runtime.
For CakePHP 3.x, please open config/bootstrap.php file. Make search for date_default_timezone_set. Set it as you want. I set it as date_default_timezone_set('Asia/Dhaka'); for my time zone. You can get your time zone from http://php.net/manual/en/timezones.php
If it's not working, please also open config/app.php file. Make search for timezone. In your Datasources connection set 'timezone'=>'Asia/Dhaka'

How do you create date and time picker in onsenui?

How do you create date and time picker in onsenui?
I couldn't find any thing in their documentation and don't even know where to start.
You can also use html5 attribute like date and time to create datepicker in onsenui. for example
<input type="date" class="text-input" ng-model="inputDate"/>
You can look more details in here
The easiest way is to use Monaca, the browser based IDE from the same OnsenUI's company. You can find how to add this dateTime picker in their document. This will work for both iOS and Android. You can also add OnsenUI and PhoneGap DateTime Picker plugin right from the IDE. Therefore, you don't need to add the plugin one by one. Below is the screenshot of the OnsenUI with Datetime Picker:
https://www.dropbox.com/s/bgmk7b3e90nf75k/2014-09-02%2014.06.38.png?dl=0
Here is how to add the dateTime picker for Android.
I hope this helps. Cheer.

Resources