JavaScript时间操作之年月日星期级联操作

本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
    <title>年月日星期级联</title>
  </head> 

  <body topmargin="10" leftmargin="0">
    <form>
      <select id=year onchange="toDate();">
        <script>for(i=1970;i<=2010;i++)document.write("<option>"+i+"</option>")</script>
      </select>
      <select id=month onchange="toDate();">
        <script>for(i=1;i<=12;i++)document.write("<option>"+i+"</option>")</script>
      </select>
      <select id=day onchange="toDay();"></select>
      <input name=weekday>
    </form>
    <script type="text/javascript">
      var arr="日一二三四五六".split("")
      function toDate(){
        with(document.all){
          vYear=parseInt(year.options[year.selectedIndex].text)
          vMonth=parseInt(month.options[month.selectedIndex].text)
          day.length=0;
          for(i=0;i<(new Date(vYear,vMonth,0)).getDate();i++){day.options[day.length++].value=day.length;day.options[day.length-1].text=day.length;}
        }
        toDay();
      }
      function toDay(){
        vDay=parseInt(document.all.day.options[document.all.day.selectedIndex].value)
        document.all("weekday").value="星期"+arr[new Date(vYear,vMonth-1,vDay).getDay()]
      }
      window.onload=toDate;
    </script>
  </body>
</html>

希望本文所述对大家学习javascript程序设计有所帮助。

赞 (0)

相关推荐

  • json格式的时间显示为正常年月日的方法

    json格式的时间显示为:/Date(1377828670436)/需要转换为正常年月日,方法如下: 复制代码 代码如下: //通过序列化转换出来的json,如果里面有DateTime格式的,就不会正常显示时间,用下面的方法就可以了 var date=renderTime(json.AddDateTime); //把读出来的json格式时间传入这个方法内 function renderTime(date){ var da = new Date(parseInt(date.replace("/Da

  • JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码

    关键代码如下所示: function formatDate(NewDtime) var dt = new Date(parseInt(NewDtime.slice(6, 19))); var year = dt.getFullYear(); var month = dt.getMonth() + 1; var date = dt.getDate(); var hour = dt.getHours(); var minute = dt.getMinutes(); var second = dt.g

  • js时间控件只显示年月

    js时间控件只显示年月

    话不多说,请看代码: <input id="db"  /> 初始化加载db标签. $(function () { $('#db').datebox({ onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 span.trigger('click'); //触发click事件弹出月份层 if (!tds) setTimeout(function () {//延时触发获取月份对象,因为上面的事件触发和对象生成有

  • 详解JavaScript时间处理之几个月前或几个月后的指定日期

    详解JavaScript时间处理之几个月前或几个月后的指定日期

    在平常项目开发过程中,经常会遇到需要在JavaScript中处理时间的情况,无非两种(1,逻辑处理  2,格式转换处理).当然要说相关技术博,园子里闭着眼睛都能抓一把,但是我要做的是:既然有幸被我碰到了,就要尽可能的分析转化为自己最适合自己的东西,成为自己知识库的一部分:同时希望能帮助有需要的同学解决遇到的相关小问题. 时间逻辑处理 此类型常用需求为:推算几个月后(前)的今天的日期. /** *获取几个月前的输入日期 *{param:DateTime} date 输入日期(YYYY-MM-DD)

  • js实现获取当前时间是本月第几周的方法

    本文实例讲述了js实现获取当前时间是本月第几周的方法.分享给大家供大家参考.具体如下: <script language="javascript"> var getMonthWeek = function (a, b, c) { /* a = d = 当前日期 b = 6 - w = 当前周的还有几天过完(不算今天) a + b 的和在除以7 就是当天是当前月份的第几周 */ var date = new Date(a, parseInt(b) - 1, c), w = d

  • javascript 当前日期加(天、周、月、年)

    复制代码 代码如下: //create the date var myDate = new Date(); //add a day to the date myDate.setDate(myDate.getDate() + 1); //add a week myDate.setDate(myDate.getDate() + 7); //add a month myDate.setMonth(myDate.getMonth() + 1); //add a year myDate.setYear(m

  • js获取时间精确到秒（年月日）

    js获取时间精确到秒（年月日）

    本文实例为大家分享了利用js获取时间并输出值的全部代码,供大家参考学习,具体内容如下 实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"> <title></title> <script type="text/javascript"> window.onload=function

  • JS获取月的最后一天与JS得到一个月份最大天数的实例代码

    <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <script language="javascript"> function getLastDay(year,month) { var new_year = year; //取当前的年份 var new_month = month++;//取下一个月的第一天,方便计

  • 时间戳转换为时间 年月日时间的JS函数

    复制代码 代码如下: ormatDate:function(dateNum){var date=new Date(dateNum*1000);return date.getFullYear()+"-"+fixZero(date.getMonth()+1,2)+"-"+fixZero(date.getDate(),2)+" "+fixZero(date.getHours(),2)+":"+fixZero(date.getMinu

  • js获取时间(本周、本季度、本月..)

    Js代码 复制代码 代码如下: /** * 获取本周.本季度.本月.上月的开端日期.停止日期 */ var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getYear(); //当前年 nowYear += (nowYear <

  • js操作时间（年-月-日 时-分-秒 星期几）

    var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开

  • JavaScript获取当前时间向前推三个月的方法示例

    JavaScript获取当前时间向前推三个月的方法示例

    本文实例讲述了JavaScript获取当前时间向前推三个月的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

  • JavaScript显示当然日期和时间即年月日星期和时间

    效果: 当前时间:2011年6月20日 星期一12:0:19 复制代码 代码如下: <mce:script language="javascript"><!-- function getTimeNow() { var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var week; var da

随机推荐