日历插件及点击确认获取天数

朱雀 2023-07-24 02:45 13阅读 0赞

日历是这样的 点击就能选择

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDM1MzUwNw_size_16_color_FFFFFF_t_70_pic_center]  
我碰到的问题是 怎样根据这两个日期 得到相差的天数呢？  
直接上js代码

//这一步是根据两个日期字符串 相减得到的具体天数 
    function GetNumberOfDays(date1, date2) { //获得天数
        //date1：开始日期，date2结束日期
        var a1 = Date.parse(new Date(date1));
        var a2 = Date.parse(new Date(date2));
        var day = parseInt((a2 - a1) / (1000 * 60 * 60 * 24));//核心：时间戳相减，然后除以天数
        return day
    };

分割线-------------------------------------------------------------------

html页面  
//注意 用onchange事件 只要input的值与原来的值不同 他就会触发

<input id="demo" onchange="changeprice()"></input>

function changeprice() { 
        var date = $('#demo').val();
        var b = date.substring(0, 10);
        var o = date.substring(13, 23);
        var day = GetNumberOfDays(b, o);
    	alert(day);
    }

完成 ！！！！！！  
傻瓜式操作

放上插件地址吧  
http://www.jq22.com/jquery-info22810

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDM1MzUwNw_size_16_color_FFFFFF_t_70_pic_center]: /images/20230528/74b1446c24504538bad3f52d406565f0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关日历插件及点击确认获取天数

日历是这样的点击就能选择 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

朱雀/ 2023年07月24日 02:45/ 0 赞/ 14 阅读

相关 bootstrap-datepicker日历插件

bootstrap-datepicker为日历插件，需要加载css与js 先把网址放上去找到一个英文版的：[https://bootstrap-datepicker.

骑猪看日落/ 2023年06月16日 15:53/ 0 赞/ 29 阅读

相关 jQuery插件库记录：日历

[https://www.layui.com/laydate/][https_www.layui.com_laydate] [https_www.layui.com_lay

男娘i/ 2022年12月06日 15:47/ 0 赞/ 203 阅读

相关 android做一个对界面控件, 确认点击和取消点击来回切换

最近在写功能的时候，一个控件来回切换不同的样式，因为之前做的比较单一，做的是哪种复选框和单选按钮的，那种控件自带ture和false状态, 现在想做的是一个文本框或者按钮以及

￡神魔★判官ぃ/ 2022年10月26日 03:52/ 0 赞/ 201 阅读

相关定制版日历可以点击日期获取日期

A small calendar using `jQuery`. It can show the month you gave, show the active dates y

谁借莪１个温暖的怀抱￠/ 2022年10月11日 12:25/ 0 赞/ 153 阅读

相关 firefox html 插件,Firefox插件的HTML页面点击功能

Scenario: Add-on detects phone numbers on a web page and highlights it by hyperlink. Whe

﹏ヽ暗。殇╰゛Y/ 2022年10月06日 13:54/ 0 赞/ 258 阅读

相关 jQuery 日历插件：daterangepicker

官网：[http://www.daterangepicker.com/][http_www.daterangepicker.com] 介绍 jQuery 插件库：

蔚落/ 2022年05月27日 12:06/ 0 赞/ 347 阅读

相关日历点击input搜索框弹出日历并且选中日期，再点击搜索框隐藏日历

打印出选中的日期： 1. <input class="input-item0" type="text" :value="searchDate" placehol

冷不防/ 2022年01月31日 00:35/ 0 赞/ 483 阅读

相关 Layui---日历插件Laydate(三)

1 去掉laydate自定义的mark标记，css代码如下： /去掉日历mark标记/ .laydate-day-mark::after{

Myth丶恋晨/ 2021年11月10日 04:32/ 0 赞/ 1075 阅读

相关日历插件

html文件: <!DOCTYPE html> <html> <head lang="en"> <meta charset='utf-8'/

谁践踏了优雅/ 2021年07月24日 15:55/ 0 赞/ 713 阅读