Question

我使用本网站的样本编码显示我们从日历中选择出生日期的年龄，该日历应在点击文本框后显示。

$('#dob').datepicker

({
    onSelect: function(value, ui) 

{ 
        var today = new Date(), 


            dob = new Date(value), 

            age = new Date(today - dob).getFullYear() - 1970; 

    $('#age').text(age); 


    },

    maxDate: '+0d',  


    yearRange: '1920:2014', 


    changeMonth: true, 


    changeYear: true 


    });

如果我添加任何库，我仍然无法从日历中选择日期吗？

注意：我从这个网站获得了这个代码，我没有选择发表评论，因此我发布了一个新问题，以澄清这个疑问。

我有一个文本框，即使我手动输入日期为DD / MM / YYYY我也无法获得年龄

Answer 1

您需要在页面中添加jquery和jquery-UI库以及jquery ui css。另外，请确保您拥有唯一的id="dob"，但不应超过一次。

通过复制粘贴在寻呼机标记中的链接下添加库和css，如下所示：

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css" />
</head>

您可以保存js和css文件的本地副本，只需在浏览器中粘贴google链接并复制 - 粘贴内容并将其保存到相应的文件中。

请参阅此Datepicker UI example，点击底部的viewsourcel链接。

Answer 2

Demo试试这个，使用onClose而不是onSelect

日期选择器选项未显示：Jquery

2 个答案: