minhquan1912 Thành viên mới
Tổng số bài gửi : 2 Join date : 06/08/2013
| Tiêu đề: Cần Giúp về Datepicker Thu Aug 08, 2013 4:00 pm | |
| Em có 2 datepicker FROMvà TO ,2 button next và privious (1 tháng) khi nhấn next thì nó chỉ duy chuyển đến ngày TO rồi đứng không next tiếp (privious cũng ngược lại). em muốn nó cứ tiếp tục next thì làm sao. những ngày cuối tháng như 31 mình next thi nó sẽ tự chuyển theo lich thì làm như thế nào (VD: 31/5 next 30/6 ) và ngược lại privious luôn ạ em code như sau: $(function() {
var inputName = ''; var number = ''; $('input[id^="date-from"]').click(function() { inputName = $(this).attr('id'); number = inputName.substr(inputName.length - 3); }).datepicker({ defaultDate : new Date(), showOn:"button", //buttonImage: "", //buttonImageOnly:true, dateFormat: 'yy/mm/dd', onSelect: function( selected ) { $('#date-to'+number).datepicker( "option", "minDate", selected ) }});
$('input[id^="date-to"]').click(function() { inputName = $(this).attr('id'); number = inputName.substr(inputName.length - 3); }).datepicker({ defaultDate : new Date(), showOn:"button", //buttonImage: "", //buttonImageOnly:true, dateFormat: 'yy/mm/dd', onSelect: function( selected ) { $('#date-from'+number).datepicker( "option", "maxDate", selected ) } }); $('#next').click(function(){ var $picker1 = $("#date-from"); var $picker2 = $("#date-to"); var date1=new Date($picker1.datepicker('getDate')); var date2=new Date($picker2.datepicker('getDate')); date1.setMonth(date1.getMonth()+1); $picker1.datepicker('setDate', date1); date2.setMonth(date2.getMonth()+1); $picker2.datepicker('setDate', date2); return false; }); $('#privious').click(function(){ var $picker1 = $("#date-from"); var $picker2 = $("#date-to"); var date1=new Date($picker1.datepicker('getDate')); var date2=new Date($picker2.datepicker('getDate')); date1.setMonth(date1.getMonth()-1); $picker1.datepicker('setDate', date1); date2.setMonth(date2.getMonth()-1); $picker2.datepicker('setDate', date2); return false; });
//$(".ui-datepicker-trigger").css("margin-bottom","-6px"); });
| |
|