javascript万年历控件

javascript万年历控件



淘建站为您提供更多_日期时间_日历_日历_万年历,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 96 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:日期时间 > 日历 难易程度:中级

HTML

<form name="CLD">
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="datetable">
        <thead>
            <tr>
                <td colspan="7">
                    <span>公历</span>
                    <select name="SY" onchange="changeCld();" style="font-size: 9pt">
                        <script>
                            for (i = 1900; i < 2050; i++)
                                document.write('<option>' + i);
                        </script>
                    </select><span>年</span>
                    <select name="SM" onchange="changeCld();" style="font-size: 9pt">
                        <script>
                            for (i = 1; i < 13; i++)
                                document.write('<option>' + i);
                        </script>
                    </select><span>月</span> </font><span id="GZ"></span>
                </td>
            </tr>
        </thead>
        <tbody>
            <tr style="background: #eee;">
                <td width="54">
                    日
                </td>
                <td width="54">
                    一
                </td>
                <td width="54">
                    二
                </td>
                <td width="54">
                    三
                </td>
                <td width="54">
                    四
                </td>
                <td width="54">
                    五
                </td>
                <td width="54">
                    六
                </td>
            </tr>
        <script>
            var gNum;
            for (i = 0; i < 6; i++) {
                document.write('<tr align="center">');
                for (j = 0; j < 7; j++) {
                    gNum = i * 7 + j;
                    document.write('<td id="GD' + gNum + '"><font id="SD' + gNum + '" size=2 face="Arial Black"');
                    if (j == 0)
                        document.write('color="red"');
                    if (j == 6)
                        document.write('color="#000080"');
                    document.write('></font><br/><font id="LD' + gNum + '" size=2 style="font-size:9pt"></font></td>');
                }
                document.write('</tr>');
            }
        </script>
        </tbody>
    </table>
</form>

最后记得初始化:

initial();

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/102.html
javascript万年历控件 希望对你有帮助,感谢您的支持!
  • jQuery设置日历表工作休息时间代码

    jQuery设置日历表工作休息时间代码

  • jquery制作简单的日历表格鼠标滑过日期提示当日待办事项

    jquery制作简单的日历表格鼠标滑过日期提示当日待办事项

  • JavaScript万年历 带农历、时间和属相等功能

    JavaScript万年历 带农历、时间和属相等功能

  • 一款清新的jQuery日历插件 带日期的Tooltip提示

    一款清新的jQuery日历插件 带日期的Tooltip提示

  • 撕开日历本flash动画特效

    撕开日历本flash动画特效

  • html5适用于手机日历控件代码

    html5适用于手机日历控件代码

  • js实用带农历节日的日历表插件代码

    js实用带农历节日的日历表插件代码

  • Ion.Calendar - jQuery漂亮的日期插件

    Ion.Calendar - jQuery漂亮的日期插件

  • 手机日历插件

    手机日历插件

  • html5日历控件制作多皮肤动画日历选择器特效

    html5日历控件制作多皮肤动画日历选择器特效

  • jquery css3属性制作超酷的日历表点击按钮日历表切换

    jquery css3属性制作超酷的日历表点击按钮日历表切换

  • 淘宝旅行YUI通用日期日历控件

    淘宝旅行YUI通用日期日历控件

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2