jquery-ui-datepicker

I added a jQuery datepicker in my symfony2 form. twig file: $('.date').datepicker({ showOn: 'button', buttonImageOnly: true, changeMonth: true, changeYear: true, dateFormat: 'yy-MM-dd ', yearRange: "-0:+1" }); PostType.php $builder->add('toDate','datetime',array( 'input' => 'datetime', 'widget' => 'single_text', 'format' => 'yy-MM-dd', 'attr' => array('class' => 'date') )); I tried several date formats. But I always get This value is not valid. when I submit. I tried to get the form errors, but it doesn't give any more information. try something like this $('.date').datepicker({ showOn:

I have some basic validation on a form which includes two jQuery UI DatePickers. The format of the date is yy-mm-dd. There is a required and date validation on both DatePickers. These work as expected in Chrome & FF, but trigger false negatives (valid input is said to be invalid) in IE7/IE8. Date picker setup: $('.datepicker').datepicker({ dateFormat: 'yy-mm-dd' }); This is unrelated but I figured I would include, just in case: $.validator.addMethod("endDate", function(value, element) { var startDate = $('#startDate').val(); return Date.parse(startDate) <= Date.parse(value); }); The actual

I used add row delete row functionality in my form. I have a date field with date picker functionality. The problem is if i add more than one row and then click date picker it is not working properly. Please see this http://jsfiddle.net/KN7Hd/ for demo. $(function() { $( "#datepicker" ).datepicker({ showOn: "button", buttonImage: "images/calendar.png", buttonImageOnly: true, showOtherMonths: true, selectOtherMonths: true }); }); How to fix this? Take a look in below example: http://jsfiddle.net/fMD62/ <input type="text" class="datepick" id="date_1" /> <input type="text" class="datepick" id=

I have datepicker <input type='text' class='inp'> <script> $('.inp').datepicker(); $(".inp").on("change",function (){ console.log('inp changed'); }); </script> When I first change '.inp' manually type there a value, then immediately I click on datepicker's opened calendar. I get two 'change' event listeners. First from manual change, then from datepicker change. How can I avoid this? Set your input readOnly , it will help you to change the value of field through icon only. <input type='text' class='inp' readOnly /> then use onSelect to get selected date, as following: $(function() { $(".inp")