jquery-ui datepicker多语言集成 [英] jquery-ui datepicker multiple language integration

问题描述

你好，我试图将不同的jquery-ui日期选择器选项组合成一个函数，我可以从语言中获得大部分的脚本工作appart，我拥有所有的il8n文件，我正在使用select元素来更改值，但没有似乎正在工作，任何人都可以告诉我什么是做错了

 < script> 
 $（function（）{
 $ .datepicker.setDefaults（$ .datepicker.regional []）; 
 $（#from）.datepicker（{
 defaultDate：+ 4w，
 changeMonth：true，
 numberOfMonths：3，
 showButtonPanel：true，
 showOn：button，
 buttonImage： 
 buttonImageOnly：true，
 minDate：+ 1d，
 dateFormat：yy / mm / dd，
 showAnim：bounce ，
 onSelect：function（selectedDate）{
 $（#from）.datepicker（$ .datepicker.regional [en-GB]）; 
 $（#locale ）.change（function（）{
 $（#from）.datepicker（option，
 $ .datepicker.regional [$（this）.val（）]）; 
 
 
 $ b}）; 
 $（#to）.datepicker（{
 defaultDate：+ 2w，
 changeMonth：true，
 numberOfMonths：3，
 showButtonPanel：true，
 showOn：button，
 buttonImage：../images/calendar.gif，
 buttonImageOnly：true，
 minDate：+ 1d，
 dateFormat：yy / mm / dd，
 showAnim：bounce，
 onSelect：function（selectedDate）{
 $（#to）.datepicker（$ .datepicker.regional [en-GB]）; 
 $（#locale）.change（function（）{
 $（#to）.datepicker（option，
 $ .datepicker.regional [$（this） .val（）]）; 
}）; 
} 
}）; 
}）; 
< / script> 
  

解决方案

我设法让这个工作我已经包装了在jquery ui在选择的部分，这是不再需要，因为我已经声明dateformat和mindate选项以前一旦一切正常工作，一直在代码

 < script type =text / javascript> 
 //<！[CDATA [
 $（function（）{
 $ .datepicker.setDefaults（$ .datepicker.regional []）; 
 $（ #from）.datepicker（{
 defaultDate：+ 4w，
 changeMonth：true，
 numberOfMonths：2，
 showButtonPanel：true，
 showOn：按钮，
 buttonImage：../images/calendar.gif，
 buttonImageOnly：true，
 minDate：+ 1d，
 dateFormat：yy / mm / dd，
 showAnim：blind，
}）; 
 $（#from）.datepicker（$ .datepicker.regional [en-GB]）; 
 $（#locale）.change（function（）{
 $（#from）.datepicker（option，
 $ .datepicker.regional [$（this） （）]）; 
}）; 
 $（#to）.datepicker（{
 defaultDate：+ 2w，
 changeMonth：true，
 numberOfMonths：2，
 showButtonPanel：true，
 showOn：button，
 buttonImage：../images/calendar.gif ，
 buttonImageOnly：true，
 minDate：，
 dateFormat：yy / mm / dd，
 showAnim：blind，
}）; 
 $（#to）.datepicker（$ .datepicker.regional [en-GB]）; 
 $（#locale）.change（function（）{
 $（#to）.datepicker（option，
 $ .datepicker.regional [$（this） .val（）]）; 
}）; 
}）; 
 //]]> 
< / script> 
  

hi guys im trying to combine the different jquery-ui datepicker options into one function i can get most of the script working appart from the language i have all the il8n files and i am using a select element to change the value but nothing seems to be working can anyone tell me what im doing wrong

  <script>
  $(function() {
    $.datepicker.setDefaults( $.datepicker.regional[ "" ] );
    $( "#from" ).datepicker({
        defaultDate: "+4w",
        changeMonth: true,
        numberOfMonths: 3,
        showButtonPanel: true,
        showOn: "button",
        buttonImage: "../images/calendar.gif",
        buttonImageOnly: true,
        minDate:"+1d",
        dateFormat:"yy/mm/dd",
        showAnim:"bounce",
        onSelect: function( selectedDate ) {
    $( "#from" ).datepicker( $.datepicker.regional[ "en-GB" ] );
    $( "#locale" ).change(function() {
        $( "#from" ).datepicker( "option",
            $.datepicker.regional[ $( this ).val() ] );
          });
        }

    });
    $( "#to" ).datepicker({
        defaultDate: "+2w",
        changeMonth: true,
        numberOfMonths: 3,
        showButtonPanel: true,
        showOn: "button",
        buttonImage: "../images/calendar.gif",
        buttonImageOnly: true,
        minDate:"+1d",
        dateFormat:"yy/mm/dd",
        showAnim:"bounce",
        onSelect: function( selectedDate ) {
    $( "#to" ).datepicker( $.datepicker.regional[ "en-GB" ] );
    $( "#locale" ).change(function() {
        $( "#to" ).datepicker( "option",
            $.datepicker.regional[ $( this ).val() ] );
            });
        }
    });
 });
 </script>

解决方案

i managed to get this working i had wrapped the language in the jquery ui on select part which was no longer needed as i had declare the dateformat and mindate option previously heres the code once everything was working properly

<script type="text/javascript">
//<![CDATA[
$(function() {
    $.datepicker.setDefaults( $.datepicker.regional[ "" ] );
    $( "#from" ).datepicker({
        defaultDate: "+4w",
        changeMonth: true,
        numberOfMonths: 2,
        showButtonPanel: true,
        showOn: "button",
        buttonImage: "../images/calendar.gif",
        buttonImageOnly: true,
        minDate:"+1d",
        dateFormat:"yy/mm/dd",
        showAnim:"blind",           
    });
    $( "#from" ).datepicker( $.datepicker.regional[ "en-GB" ] );
    $( "#locale" ).change(function() {
        $( "#from" ).datepicker( "option",
            $.datepicker.regional[ $( this ).val() ] );
          });
    $( "#to" ).datepicker({
        defaultDate: "+2w",
        changeMonth: true,
        numberOfMonths: 2,
        showButtonPanel: true,
        showOn: "button",
        buttonImage: "../images/calendar.gif",
        buttonImageOnly: true,
        minDate:"",
        dateFormat:"yy/mm/dd",
        showAnim:"blind",
        });
    $( "#to" ).datepicker( $.datepicker.regional[ "en-GB" ] );
    $( "#locale" ).change(function() {
        $( "#to" ).datepicker( "option",
            $.datepicker.regional[ $( this ).val() ] );
            });
 });
//]]>
</script>

这篇关于jquery-ui datepicker多语言集成的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！