获取时间插件

最新推荐文章于 2024-05-17 02:42:10 发布
最新推荐文章于 2024-05-17 02:42:10 发布
阅读量789 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42603150/article/details/103959711
版权

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../js/My97DatePicker/skin/WdatePicker.css">
    <style>

        .Wdate{
            background: #fff url(datePicker.gif) no-repeat right;
        }

    </style>

</head>
<body>

<select name="" id="select_time" onchange="fn_times()">
    <option value="0">今天</option>
    <option value="1">本周</option>
    <option value="2">本月</option>
    <option value="3">按天</option>
    <option value="4">按周</option>
    <option value="5">按月</option>
</select>


<div class="div0">
    <input id="days1" type="text" value="" class="Wdate">
</div>
<div class="div1" style="display: none">
    <input id="weeks1" type="text" value="" class="Wdate">

</div>
<div class="div2" style="display: none">
    <input id="months1" type="text" value="" class="Wdate">

</div>

<div class="div3" style="display: none">
    <input class="Wdate" id="days" type="text"
           onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:now})"
           placeholder="选择天日期">   按天
</div>
<div class="div4" style="display: none">
    <input id="weeks" class="Wdate" type="text"
           onfocus="WdatePicker({isShowWeek:true,onpicked:funccc,errDealMode:3,maxDate: now})"
           placeholder="选择周日期">   每周的第一天
</div>
<div class="div5" style="display: none">
    <input type="text" class="Wdate" id="months"
           onfocus="WdatePicker({dateFmt: 'yyyy-M',maxDate: now})"
           placeholder="选择日期">    按月直接选择月份
</div>

</body>
</html>
<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../../js/My97DatePicker/WdatePicker.js"></script>
<script>


    function fn_times(){
        if($('#select_time').val()==0){
            $('.div0').show();
            $('.div1').hide();
            $('.div2').hide();
            $('.div3').hide();
            $('.div4').hide();
            $('.div5').hide()
        }else  if($('#select_time').val()==1){
            $('.div0').hide();
            $('.div1').show();
            $('.div2').hide();
            $('.div3').hide();
            $('.div4').hide();
            $('.div5').hide()
        }else  if($('#select_time').val()==2){
            $('.div0').hide();
            $('.div1').hide();
            $('.div2').show();
            $('.div3').hide();
            $('.div4').hide();
            $('.div5').hide()
        }else  if($('#select_time').val()==3){
            $('.div0').hide();
            $('.div1').hide();
            $('.div2').hide();
            $('.div3').show();
            $('.div4').hide();
            $('.div5').hide()
        }else  if($('#select_time').val()==4){
            $('.div0').hide();
            $('.div1').hide();
            $('.div2').hide();
            $('.div3').hide();
            $('.div4').show();
            $('.div5').hide()
        }else  if($('#select_time').val()==5){
            $('.div0').hide();
            $('.div1').hide();
            $('.div2').hide();
            $('.div3').hide();
            $('.div4').hide();
            $('.div5').show()
        }

    }

    // 获取点击时间
    function getNow(s) { return s < 10 ? '0' + s : s; }
    var myDate = new Date();
    var year = myDate.getFullYear();
    var month = myDate.getMonth() + 1;
    var date = myDate.getDate();
    var months1 = year + '-' + getNow(month);
    var now = year + '-' + getNow(month) + "-" + getNow(date);
    // 获取当天时间
    $('#days1').val(now);
    // 获取当周时间
    var now1 = new Date();
    var nowTime = now1.getTime();
    var day1 = now1.getDay();
    var oneDayLong = 24 * 60 * 60 * 1000;
    var MondayTime1 = nowTime - (day1 - 1) * oneDayLong;
    // 一周开始时间
    var MondayTime = new Date(MondayTime1);
    var MondayTimeY = MondayTime.getFullYear();
    var MondayTimeM = MondayTime.getMonth() + 1;
    var MondayTimeD = MondayTime.getDate();
    var monday = MondayTimeY + "-" + getNow(MondayTimeM) + "-" + getNow(MondayTimeD);
    console.log(monday);
    $('#weeks1').val(monday);
    // 获取当月时间
    $('#months1').val(months1);

    function funccc() {
        var now = new Date($dp.cal.getDateStr());
        var nowTime = now.getTime();
        var day = now.getDay();
        var oneDayLong = 24 * 60 * 60 * 1000;

        var MondayTime1 = nowTime - (day - 1) * oneDayLong;
        var MondayTime = new Date(MondayTime1);
        var MondayTimeY = MondayTime.getFullYear();
        var MondayTimeM = MondayTime.getMonth() + 1;
        var MondayTimeD = MondayTime.getDate();
        var monday = MondayTimeY + "-" + getNow(MondayTimeM) + "-" + getNow(MondayTimeD);

        console.log(monday);
        $dp.$('weeks').value = monday;
    }


</script>

获取本地时间：年-月-日 时：分：秒的获取

// 当天的默认时间
var date = new Date();
var seperator1 = "-";
var year = date.getFullYear();  //年
var month = date.getMonth() + 1;  //月
var strDate = date.getDate();  //日
var hour = date.getHours();   //时
var minutes = date.getMinutes() ;  //分
var Second=date.getSeconds(); //秒

if (month >= 1 && month <= 9) {  //月
    month = "0" + month;
}

if (strDate >= 0 && strDate <= 9) {  //日
    strDate = "0" + strDate;
}
if (hour >= 1 && hour <= 9) {  //时
    hour = "0" + hour;
}
if (minutes >= 1 && minutes <= 9) {  //分
    minutes = "0" + minutes;
}

if (Second >= 1 && Second <= 9) {  //秒
    Second = "0" + Second;
}
var currentdate = year + seperator1 + month + seperator1 + strDate+"  "+hour+ ":" +  minutes+":"  + Second ;

console.log(currentdate)

 

 

获取周日历的区间

<input id="d121" class="Wdate" type="text" onfocus="WdatePicker({isShowWeek:true,onpicked:funccc,errDealMode:3,maxDate: now})"
       placeholder="周数的选择">

 

function getNow(s) {
    return s < 10 ? '0' + s: s;
}

var myDate = new Date();
//获取当前年
var year=myDate.getFullYear();
//获取当前月
var month=myDate.getMonth()+1;
//获取当前日
var date=myDate.getDate();


var now=year+'-'+getNow(month)+"-"+getNow(date);
console.log(now)
// 周日历
function funccc() {
    var now = new Date($dp.cal.getDateStr());

    var nowTime = now.getTime();
    var day = now.getDay();
    var oneDayLong = 24 * 60 * 60 * 1000;

    var MondayTime1 = nowTime - (day - 1) * oneDayLong;
    var SundayTime1 = nowTime + (7 - day) * oneDayLong;



    var MondayTime = new Date(MondayTime1);
    var MondayTimeY = MondayTime.getFullYear();
    var MondayTimeM = MondayTime.getMonth() + 1;
    var MondayTimeD = MondayTime.getDate();
    var monday = MondayTimeY + "-" + MondayTimeM + "-" + MondayTimeD;
    console.log(monday);


    var SundayTime = new Date(SundayTime1);
    var SundayTimeY = SundayTime.getFullYear();
    var SundayTimeM = SundayTime.getMonth() + 1;
    var SundayTimeD = SundayTime.getDate();
    var sunday = SundayTimeY + "-" + SundayTimeM + "-" + SundayTimeD;
    console.log(sunday);



    var news = new Date();
    var times = news.getTime();
    var date = new Date(times);
    Y = date.getFullYear();
    M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1);
    D = date.getDate() +'';

    var sunda = Y + "-" + M + "-" + D;

    if (times < SundayTime1) {
        // alert('数据为空');

        console.log('运行第一个')
        // 运行第一个
        $dp.$('d121').value =  monday + "-" + sunda
    } else {
        console.log('运行第二个')
        $dp.$('d121').value = monday + "-" + sunday;
    }
}
郭豪杨
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
时间插件，实时时间
09-12
发送时间，实时时间显示，简单易用，发送时间，实时时间显示，简单易用
获取cookie非常好用的google插件
06-10
标题中的“获取cookie非常好用的google插件”指的是在Google Chrome浏览器上的一种扩展程序，它允许用户方便地管理和操作浏览器中的Cookie数据。Cookie是网站在用户计算机上存储的小型文本文件，用于跟踪用户偏好、...
jclock插件，获取当前时间
萧若寒
10-17 169
插件名字：jquery.jclock.js $(".data").jclock({withDate:true, withWeek:true});
Go最新now扩展-go的时间工具箱_go 时间插件，2024年最新年薪60W必备
最新发布
2401_84910943的博客
05-17 293
相当于是通过一个配置信息定义好一些基础的内容，例如输入输出格式，时区，星期的起始天参数。后续使用这种实例调用的所有方法都将基于此配置。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！159)**
JavaScript动态获取时间小组件
weixin_44309299的博客
07-22 333
JavaScript动态获取时间小组件
推荐一个快速获取时间的插件 Moment.js
RayShyy的博客
03-01 509
推荐一个快速获取时间的插件 Moment.js
前端时间插件的应用
明明博客
12-13 590
1.前端时间插件的实战应用 年月 &lt;input class="form-control input-datepicker" id="incomeYear" name="incomeYear" type="text" placeholder="年份" data-date-format="yyyy-mm" data-date-min-view-mode="1&quo
chrome扩展插件获取ajax请求记录
04-06
总之，Chrome扩展插件获取Ajax请求记录是一项重要的Web开发技能，它可以帮助开发者优化应用性能，调试网络问题，提升开发效率。了解如何利用Chrome的内置工具和扩展插件进行网络请求分析是每个前端开发者不可或缺的...
js时间获取插件
08-04
2. **时间获取**：`Date`对象提供了多种方法获取时间，如`getDate()`返回月份中的日期，`getMonth()`返回月份（0-11），`getFullYear()`返回四位数的年份，`getHours()`，`getMinutes()`，`getSeconds()`分别获取...
JS获取时间差插件源码.zip
05-12
JS获取时间差插件，显示为几分钟前、几小时前等。 JS获取时间差插件，显示为几分钟前、几小时前等。 JS获取时间差插件，显示为几分钟前、几小时前等。 JS获取时间差插件，显示...
js倒计时插件特效代码
03-20
JavaScript倒计时插件是一种常见的前端开发工具，用于在网页上实现各种倒计时效果，如活动倒计时、考试倒计时等。这类插件通常由JavaScript代码编写，能够实时更新页面上的时间显示，为用户提供动态的时间感知。在本...
moment前端JS时间插件
07-26
主要用于时间的比较，获取当前时间，时间格式转换等
JS时间插件
03-24
JS时间插件 日历效果 时间格式：年月日时分秒
Js时间插件
11-12
特别好用的时间插件, 使用方便, 引用简单, 适合新手, 使用原生js编写.
jquery插件实时实时更新时间
10-10
jquery插件实时实时更新时间，不请求服务器
基于jsdate修改的日历插件，实时时间
10-31
这是个旧版本、修改了一下细节和bug，所有功能都带有注释
获取当前时间到时间控件
安安的专栏
04-01 574
DT_shouhuo_date.Value = DateTime.Now;
javascript 时间处理插件 moment.js
yzy85的专栏
05-18 1759
因为javascript中没有过多针对时间日期进行处理的原生函数，因此要处理时间，需要自己处理大量代码，效率和正确率都不够高，而moment.js正是针对js时间对象进行快速处理的一个类库，使用它可以轻松快速的处理页面中有关时间处理的问题。moment.js不依赖任何第三方库，支持字符串、Date、时间戳以及数组等格式传入，可以使用提供的函数格式化日期时间，计算相对时间，获取特定时间后的日期时间等...
时间插件——自动显示真实时间
Java_learneryy的博客
05-05 459
<script> //当页面加载时调用 window.onload = function() { //计时器 1000秒 setInterval(function() { var date = new Date(); var year = date.getFullYear(); //获取当前年份 var...
全面探索：jQuery 插件收藏
5. **Autocomplete-jQueryajax**: 利用jQuery的Ajax功能，这类插件可以实时从服务器获取数据来提供动态的自动补全建议，适用于需要实时更新的搜索或输入场景，如Autocomplete-jQueryajax，它结合PHP和MySQL实现。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值