Bootstrap datetimepicker zone issue - javascript

I have a bootstrap datetimepicker installed on my website, which is this plugin: https://eonasdan.github.io/bootstrap-datetimepicker/
The problem I experience is that whenever a user has a different timezone, the time in the datetimepicker changes aswell. (The value is coming from the database and is a solid date)
So for example, my timezone it does:
Whenever I change my timezone, it reverts to this:

Make one timezone default. Either in 'connect.php' or in 'head.php'. Fix it, wherever you feel suitable.
date_default_timezone_set("Asia/Bangkok");
Now, According to Bangkok, all user's time will get set. Fix this code in that page, which is included in each and every page. That's the reason i prefer it to be in 'connect.php' or 'header.php'.

Related

Ion-datetime how to open view on current year, but to not select day

i am working on an issue with a ionic date-time date picker.
When i open the datepicker, it opens with a view of may 2021.
when i scroll along to the current date, i see a circle around today's date. so it does seem to be selecting todays date correctly.
i have tried setting the value of today, and this works. however, it also selects the current date.
This is a problem.
I need the current month to open in the view, but for the datepicker to not have anything selected. I have read through the documentation and there doesn't seem to be an option for giving a initial view.
As far as i know, working with a 'New date' to isostring() solution wouldn't work either, as it would select the current date, and i can't leave parts of that iso string blank.
anyone have any ideas for this specific problem? it would seem so straightforward for there to be a view selector.
I had to update "#ionic/angular-toolkit"

Angular UI Bootstrap datepicker popup timezone

I understand that the inlnie Angular UI Bootstrap datepicker allows you set the timezone via ng-model-options. I'm using the datepicker-popup (ui.bootstrap.datepickerPopup) and would like to do the same, but ng-model-options doesn't appear to work.
My api returns the model in UTC time and need to ensure that the date displayed by the datepicker is also displayed in UTC.
Anybody know how to configure this?

JQuery Multiple Month Calendar View

I'm looking for suggestions/recommendations for a JQuery/Javascript calendar that can display multiple months at once (ie. previous month, current month, next month) like so:
(The attached mockup shows a 4-month view, but I think we'll actually be doing a 3-month view).
I DO NOT need a date picker. This is basically meant to display a user's schedule, with no ability to choose a specific month/year (beyond the side-scrolling). We'll pull events out of our database, hook them into the calendar somehow, and then on a day click/hover (or both), display additional information. Events will not be editable from this view - it is display only.
I've looked into general JQuery calendar plugins (Ion Calendar, CLNDR), but none seem to have the basic multiple-month functionality I need. Multi-lingual support (or the ability to add multi-lingual text) is also important to us. I was really hoping to find a ready-made plugin for this - can't be the first time someone's tried to do it!
In case it's any use/help, we use ColdFusion and MSSQL Server. We've also got JQuery 1.9.1, JQueryUI 1.10.0 and Bootstrap 2.3.2.
Edit: I did look at the JQuery UI datepicker, but it won't work for the functionality I need. I can't see any way to attach data to a specific date, or to be able to style certain days differently than others. I think the primary issue w/ it is that it's a datepicker, not a display calendar.
Like Sean said in the comments, the best option you have is probably FullCalendar. Although multi-month isn't supported out of the box, you might be able to achieve it by adding multiple calendars. Check out Issue #199, which describes a possible solution.
Regarding the multi-lingual problem: although it isn't multi-lingual by itself, FullCalendar does support modifying the days, months, etc. See Text/Time Customization. You could use ColdFusion's MonthAsString and DayOfWeekAsString functions to make it multi-lingual yourself.

Selecting Data on JavaScript popup menu using Selenium

I am using Selenium to test out a web site. The web site contains a date field, which when clicked, opens a popup from wherein I can choose the date.
My issue is that I wish to select a particular date using the Selenium IDE or Selenese. I have tried various methods, but have not been able to get a correct solution or been able to resolve it, except by manually specifying a date to the field in Selenese script. I am using Java to implement the test case.
An example could be checked by going to any airlines site and clicking on the date field for departure. The popup which comes up, I wish to capture a date on that. This could be a future date or the present date.
You need to implement some code that will navigate calendar to the desired date. Depending on the calendar appearance it may be required to navigate to the next month or year, so you need the code that will determine what needs to be done and then emulate required events for Selenium.
We had the same task in our tests and we end up with either selecting today's date or by entering the date into the field directly. We also made a code that will allow to select any date on the calendar by we did this only because we needed to test the calendar widget and we were the authors of the widget so we knew how it was made. However it resulted in writing a lot of code
Selenium IDE is limited in its ability to handle javascript. I've worked around it at times
by putting custom links in that do customized GETs, but it's a hack.
You could look at Sahi, which can do it. I haven't tried it though.
http://sahi.co.in/w/

Javascript Date Time Picker - Default Time Value

I am using this script for a Javascript Date and Time picker.
http://www.rainforestnet.com/datetimepicker.htm
After a few modifications I have gotten everything to work as I'd like it to minus the default time.
By default, if a time is not selected from the drop down menus initiating the onChange event, the time defaults to the current time. I need this to default to 12:00am. I Have looked through the code and have tried several changes but cannot get this to work the way I'd like. Any help would be greatly appreciated.

Categories