I was having the same issue whereby I could only open the date picker control once using the button, but it would not open a second time. The problem may be related to a scope issue which might be coming about because the button is not a child of the input HTML element. I was … Read more
Try this $(function() { $( “#datepicker” ).datepicker({ maxDate: new Date() }); }); Or you can achieve this using as below: $(function() { $( “#datepicker” ).datepicker({ maxDate: 0 }); }); Reference DEMO UPDATED ANSWER
The calendarViewShown attribute is deprecated in the calendar-style date picker. If you want the spinner-style date picker back, you can set the datePickerMode attribute to spinner. <DatePicker … android:datePickerMode=”spinner” /> As for the scrolling issue, the calendar-style date picker doesn’t support nested scrolling.
The issue isn’t AngularStrap. Its just how javascript dates work and how JSON formats them for transmission. When you turn a javascript date object into a JSON string, it formats the string as UTC. For example, I’m in Utah and it is now 07:41 on 2013-10-24. If I create a new javascript date and print … Read more
To get a list of all days in a month, you can start with a Date on the first day of a month, increase the day until the month changes. /** * @param {int} The month number, 0 based * @param {int} The year, not zero based, required to account for leap years * @return … Read more
Use the defaultDate option $( “.selector” ).datepicker({ defaultDate: ’01/01/01′ }); If you change your date format, make sure to change the input into defaultDate (e.g. ’01-01-2001′)
It’s a Samsung bug in their Lollipop UI implementation. It affects Galaxy S4, S5, Note 3 and probably more devices. For us it occurs on de_DE and de_AT languages, but it appears to be an issue that affects multiple languages. I fixed it by forcing Samsung devices to use the Holo theme for the date … Read more
Try this $(“#datepicker”).datepicker({ format: “yyyy”, viewMode: “years”, minViewMode: “years” }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js”></script> <link href=”https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css” rel=”stylesheet”/> <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script> <link href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” rel=”stylesheet”/> <input type=”text” id=”datepicker” /> $(“#datepicker”).datepicker( { format: ” yyyy”, // Notice the Extra space at the beginning viewMode: “years”, minViewMode: “years” });
Actually you don’t need to replace this all (@Ben Rhouma Zied answere)…. There are 2 ways to do this. One is to use autoclose property, the other (alternativ) way is to use the on change property thats fired by the input when selecting a Date. HTML <div class=”container”> <div class=”hero-unit”> <input type=”text” placeholder=”Sample 1: Click … Read more
DatePickerDialog uses the dialog theme specified by your activity theme. This is a fully-specified theme, which means you need to re-specify any attributes — such as the date picker style — that you’ve set in your activity theme. <style name=”MyAppTheme” parent=”android:Theme.Material”> <item name=”android:dialogTheme”>@style/MyDialogTheme</item> <item name=”android:datePickerStyle”>@style/MyDatePicker</item> </style> <style name=”MyDialogTheme” parent=”android:Theme.Material.Dialog”> <item name=”android:datePickerStyle”>@style/MyDatePicker</item> </style> <style name=”MyDatePicker” parent=”android:Widget.Material.DatePicker”> … Read more