This simple example works for me… HTML <input type=”text” id=”datepicker”> JavaScript var $datepicker = $(‘#datepicker’); $datepicker.datepicker(); $datepicker.datepicker(‘setDate’, new Date()); I was able to create this by simply looking @ the manual and reading the explanation of setDate: .datepicker( “setDate” , date ) Sets the current date for the datepicker. The new date may be a … Read more
I’ve found the solution. After a long time of debugging I figured out that there was a <div> that had the exact same ID, lying higher than the input field. Therefore the script took the first instance that contained the ID and picked the DIV instead of the input field. I removed/renamed the DIV and … Read more
I just came across Pikaday, which looks good and is quite lightweight (around 11kb of JS, minified). Doesn’t require jQuery either. Here’s a demo. A screenshot of the picker: (source: github.com) Example using pikaday with timepicker and moment.js <link rel=”stylesheet” href=”/pikaday/css/pikaday.css”> <script src=”/pikaday/moment.js”></script> <script src=”/pikaday/pikaday.js”></script> <script> var timepicker = new Pikaday({ field: document.getElementById(‘datetimepicker’), firstDay: 1, … Read more
It’s simple. Keep your jQuery code, but assign it to a <div> instead of an input box. Date: <div id=”datepicker”></div> <script> $(function() { $(“#datepicker”).datepicker(); }); </script> A functional example lives at the jQuery UI webpage for the datepicker widget, and I’ve also included one below. $(function() { $(“#datepicker”).datepicker(); }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script> <link rel=”stylesheet” href=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css”> <script … Read more
The most popular bootstrap date picker is currently: https://github.com/eternicode/bootstrap-datepicker (thanks to @dentarg for digging it up) A simple instantiation only requires: HTML <input class=”datepicker”> Javascript $(‘.datepicker’).datepicker(); See a simple example here https://jsfiddle.net/k6qsm5no/1/ or the full docs here http://bootstrap-datepicker.readthedocs.org/en/latest/
Constructor fo DatePickerDialog takes DatePickerDialog.OnDateSetListener as second parameter, so maybe you should implement that interface in your parent activity EditSessionActivity (not in DatePickerFragment ) and change this line: return new DatePickerDialog(getActivity(), this, year, month, day); into this: return new DatePickerDialog(getActivity(), (EditSessionActivity)getActivity(), year, month, day); And then your activity should looks like this: public class EditSessionActivity … Read more
As described in the Android SDK, months are indexed starting at 0. This means August is month 8, or index 7, thus giving you the correct result. It is a simple matter of adding 1 to the index returned by the API to get the traditional one-indexed month. Although this behavior may seem strange, it … Read more
Four hours later I finally stumbled across the answer. For some reason Chrome seems to have some inbuilt predilection to use US date formats where IE and FireFox are able to be sensible and use the regional settings on the OS. jQuery.validator.methods[“date”] = function (value, element) { return true; }
For bootstrap datepicker you can use: $(“#inputWithDatePicer”).data(‘datepicker’).getFormattedDate(‘yyyy-mm-dd’);
For a time picker you can use a JSpinner and set a JSpinner.DateEditor that only shows the time value. JSpinner timeSpinner = new JSpinner( new SpinnerDateModel() ); JSpinner.DateEditor timeEditor = new JSpinner.DateEditor(timeSpinner, “HH:mm:ss”); timeSpinner.setEditor(timeEditor); timeSpinner.setValue(new Date()); // will only show the current time