zl程序教程

您现在的位置是:首页 >  后端

当前栏目

日历插件引用详解编程语言

插件编程语言 详解 引用 日历
2023-06-13 09:20:40 时间

日历插件引用

插件导入

    script type= text/javascript src= ../js/calendar-hotelDetail/laydate.dev.js /script

html代码:

    div >
     入住 input >
      input >
      span id= day 1晚

    /div

js代码:/*日历初始化与应用*/

   laydate({

     elem: #calendar1 ,

   });

   laydate({

     elem: #calendar2 ,

     choose: function(datas) {

       var str1 = $( #calendar1 ).val();

       var date1 = Date.parse(str1);

       var date2 = Date.parse(datas);

       var date = date2 date1;

       if(date 0) {

         alert( 后面选的日期不能小于前面 );

         $( #calendar2 ).val( );

         return;

       } else {

         $( #day ).html(date / 1000 / 60 / 60 / 24);

       }

     }

   });

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/13921.html

cjava