动态更改语言DateTimePicker jQuery插件

时间:2015-07-20 16:46:16

标签: javascript jquery datetimepicker

我想动态更改DateTimePicker jQuery插件的语言(http://xdsoft.net/jqplugins/datetimepicker/),并且我得到了一个" undefined"最后一个插件调用中lang1的错误:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Datatimepicker</title>
<link rel="stylesheet" href="css/jquery.datetimepicker.css">
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.datetimepicker.js"></script>
</head>
<body>
    <input id="datetimepicker" type="text" placeholder="Datetimerpicker">
    <input id="lang" type="text" placeholder="language" value="en"><div class="select">select language</div>
    <script>
            var lang1;

        $(".select").click(function(){
        lang = $('#lang').val();
        lang1 = '"'+lang+'"';
        return lang1
        });

        $(".select").click(function(){
            console.log(lang1);
        $('#datetimepicker').datetimepicker({
            lang: lang1
        })
        });
    </script>
</body>
</html>

不应该这样做吗?

1 个答案:

答案 0 :(得分:1)

你定义了两个点击处理程序,你希望它们有点神奇地交换lang1变量。

可能你打算这样做:

    $(".select").click(function(){
        var lang = $('#lang').val(); // 1
        console.log(lang); // 2
        $('#datetimepicker').datetimepicker({ lang: lang }); // 3
    });
  1. 从输入字段#lang
  2. 获取当前的lang值
  3. 将其记录到控制台
  4. 初始化datepicker以使用语言lang