Maison > interface Web > js tutoriel > Le contrôle de temps js affiche uniquement l'année et le mois

Le contrôle de temps js affiche uniquement l'année et le mois

高洛峰
Libérer: 2017-01-10 11:43:41
original
2701 Les gens l'ont consulté

Sans plus attendre, merci de jeter un oeil au code :

Initialisez le chargement de la balise db.

$(function () {
   $('#db').datebox({
    onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层
     span.trigger('click'); //触发click事件弹出月份层
     if (!tds) setTimeout(function () {//延时触发获取月份对象,因为上面的事件触发和对象生成有时间间隔
      tds = p.find('div.calendar-menu-month-inner td');
      tds.click(function (e) {
       e.stopPropagation(); //禁止冒泡执行easyui给月份绑定的事件
       var year = /\d{4}/.exec(span.html())[0]//得到年份
       , month = parseInt($(this).attr('abbr'), 10); //月份,这里不需要+1
       $('#db').datebox('hidePanel')//隐藏日期对象
       .datebox('setValue', year + '-' + month); //设置日期的值
      });
     }, 0);
     yearIpt.unbind();//解绑年份输入框中任何事件
    },
    parser: function (s) {
     if (!s) return new Date();
     var arr = s.split('-');
     return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);
    },
    formatter: function (d) {
     return d.getFullYear() + '-' + (d.getMonth() + 1);
    }
   });
   var p = $('#db').datebox('panel'), //日期选择对象
    tds = false, //日期选择对象中月份
    yearIpt = p.find('input.calendar-menu-year'),//年份输入框
    span = p.find('span.calendar-text'); //显示月份层的触发控件
  }); 
Copier après la connexion

Cliquez pour afficher et obtenir la valeur uniquement pour l'année, qui est réservée aux urgences.

Le contrôle de temps js affiche uniquement lannée et le mois

Ce qui précède est l'intégralité du contenu de cet article. J'espère que le contenu de cet article pourra apporter une certaine aide aux études ou au travail de chacun. J'espère également soutenir le PHP. Site chinois !

Pour plus de contrôle du temps js qui affiche uniquement les articles liés à l'année et au mois, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal