Блог

На этом изображении, когда я выбираю значение из выпадающего списка и выбираю даты, отображается контейнер, а затем, когда я выбираю строку из табличных данных, теперь отображаются cont и sumdata div. я хочу, когда я снова выбираю даты из средства выбора даты, затем хочу скрыть все разделы… и когда нажимаете на поиск, тогда хотите отобразить контейнер

 <script type="text/javascript">

         $(function () {

             var currentYear = (new Date).getFullYear();
             var currentMonth = (new Date).getMonth();
             var currentDay = (new Date).getDate();
             $('#fromdate').datepicker({
                 showSecond: false,
                 timeFormat: 'HH:mm',
                 minDate: new Date((currentYear - 2), 12, 1),
                 //minDate: 0,
                 dateFormat: 'yy-mm-dd',
                 maxDate: new Date(currentYear, currentMonth, currentDay),
                 //maxDate: new Date((currentYear   1), 12, 1),
                 onSelect: function (selectedDate) {

                     // Start Date
                     var startDate = $(this).datepicker('getDate');

                     //startDate.SetHours(0);
                     //startDate.setMinutes(0);
                     //startDate.setSeconds(0);

                     $('#todate').datepicker('option', 'minDate', startDate);
                     $('#todate').datepicker('setDate', startDate);

                     // End Date
                     var enddate = $(this).datepicker('getDate');
                     enddate.setDate(enddate.getDate()   60);
                    // endDate.setMonth(endDate.getMonth()   2);
                     $('#todate').datetimepicker('option', 'maxDate', enddate);
                 }
             });



        $('#todate').datepicker({
             showSecond: false,
             timeFormat: 'HH:mm',
             minDate: new Date((currentYear - 2), 12, 1),
             minDate: 0,
             dateFormat: 'yy-mm-dd',
             maxDate: ' 30',
             //maxDate: endDate.setMonth(endDate.getMonth()   2)


         });

       $('#fromdate').on('click', function () {
              $("#tabledata").hide();
             $('#container').hide();
             $("#cont").hide();
             $("#sumdata").hide();
             $("#sum").hide();
         });

         $("#todate").datepicker({
             onSelect: function (dateText) {
                 $("#tabledata").hide();
                 $('#container').hide();
                 $("#cont").hide();
                 $("#sumdata").hide();
                 $("#sum").hide();
             }
         });

     });
  </script>
  

Используйте эту onselect опцию для выполнения любых JavaScript преобразований

например:

 $(".datepicker").datepicker({
  onSelect: function(dateText) {
    // hide your divs
    $('.mydivs').hide();
  }
});
  

http://api.jqueryui.com/datepicker/#option-onSelect

рабочая скрипка:

https://jsfiddle.net/7dy0wduc/