动态更改语言DateTimePicker jQuery插件

Changing language dynamically DateTimePicker jQuery Plugin

本文关键字:jQuery 插件 DateTimePicker 语言 动态      更新时间:2023-09-26

我想动态地改变DateTimePicker jQuery插件(http://xdsoft.net/jqplugins/datetimepicker/)的语言,我得到一个"未定义"错误的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>

这样不行吗?

您定义了两个单击处理程序,希望它们能够神奇地交换lang1变量。

可能你是有意的:

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