1

我正在开发一个应用程序，它可以捕获团队中一个人每天的资源利用率。

我完成了每一件事并坚持了一点，即

请在下面的图片链接中找到图片（由于我是新用户，我无法在此处上传图片）

http://s17.postimg.org/qgh6559rj/image.jpg

如上图所示，我为此创建了一个表格形式，其中月份是下拉列表，年份是文本框，日期1,2,3,....31是用于捕获使用时间的文本框。

我的要求是使日期变灰并锁定（不允许用户输入数据）不在该月的日期。

ex: when Month : Feb then 29,30,31 : greyed out and locked

我在很多网站上搜索了解决方案，但我找不到。

4

1 回答 1

0

嗨 Aditya，
我试图解决这个问题。我创建了类似的表格形式，其中包含 day1,day2...Day29,Day30,Day31 等列。这里我只关注 day29,Day30,Day31 因为只有这些列会受到影响年的变化。我在年份变化时调用了 JavaScript 函数 hideShow() 而不是动态动作在此处输入图像描述

以下是 hideShow 的代码，其中 f04、f05、f06 是 day29、day30、day31。在此功能中，我还添加了闰年的可能性

function hideShow(pThis)
{

   var month=$(pThis).closest('tr').find('[name="f02"]').val();
   var year=$(pThis).val();

    if (Boolean(parseInt(year) % 4 == 0)&&Boolean(parseInt(year) % 100 != 0)||Boolean(parseInt(year) % 400 == 0)) {
       if (month.trim()=='FEB') {
        $(pThis).closest('tr').find('[name="f05"]').attr("disabled","disabled");
        $(pThis).closest('tr').find('[name="f06"]').attr("disabled","disabled");
        }

     } 
     else {
        if (month.trim()=='FEB') {
         $(pThis).closest('tr').find('[name="f04"]').attr("disabled","disabled");
         $(pThis).closest('tr').find('[name="f05"]').attr("disabled","disabled");
         $(pThis).closest('tr').find('[name="f06"]').attr("disabled","disabled");
        }
     }

       if(month.trim()=='APR') {
         $(pThis).closest('tr').find('[name="f06"]').attr("disabled","disabled");
       }
       else if(month.trim()=='JUN') {
          $(pThis).closest('tr').find('[name="f06"]').attr("disabled","disabled");
       }
       else if(month.trim()=='SEP') { 
          $(pThis).closest('tr').find('[name="f06"]').attr("disabled","disabled");
       }
       else if(month.trim()=='JAN'||month.trim()=='MAR'||month.trim()=='MAY'||month.trim()=='JUL'||month.trim()=='AUG') {
         $(pThis).closest('tr').find('[name="f04"]').attr("disabled",false);
         $(pThis).closest('tr').find('[name="f05"]').attr("disabled",false);
         $(pThis).closest('tr').find('[name="f06"]').attr("disabled",false);

       }
 }

这里我只使用了禁用/启用，同样也可以应用 css 运行时，希望这段代码对你有帮助......

于 2015-04-10T13:51:41.703 回答