带文本输入的jQuery日历

时间:2012-06-27 16:35:28

标签: jquery jquery-ui datepicker jquery-ui-datepicker

我是jQuery的新手,并试图编写一个具有以下功能的日历片段:

  1. 点击按钮将显示日历选择器界面
  2. 自动格式化为MM,d,yyyy格式
  3. 的文本输入
  4. 将YYYYMMDD格式的数据读入日历
  5. 我可以在我的代码中执行#3,但我遇到了#2的问题。有没有人在这里为jQuery UI日历编写了一个文本输入自动格式的文章?

    我正在使用从ThemeRoller创建的用户界面。

    这是我目前的代码:

    <body>
        <form>
            <input id="date" type="textbox" />
        </form>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#date").datepicker({
                    showOn: 'button',
                    buttonImageOnly: true,
                    buttonImage: 'images/icon_cal.png'
                });
            });
        </script>
    </body>
    

    我感谢任何建议!

0 个答案:

没有答案