Question

我是一个jQuery noob，因此我一直在努力找出一个简单的问题。

如何更改从网页上的输入框中提取的id = days的值。有一个ui滑块可以改变输入框的值。

该值是根据滑块/输入框中列出的日期数计算当前和未来日期。

var $days = $("#days");

上面的变量可以说是3 .....我希望将3乘以7 ..... $ jas日历的值现在是21，jQuery日历应该吐出正确的日期。< / p>

最终结果......滑块的每一步都是= 1周

...谢谢

编辑添加了更多信息......这应该是使用日历的大部分代码。

    var date = new Date(baseDate.getTime()); // Calculate the new date
    date.setDate(date.getDate() + $days.val());
    $datepicker.datepicker('setDate', date); // And set into the datepicker
    $datepicker.datepicker({
    buttonImageOnly: true
    });

顺便说一句，感谢快速反应......

注意日历是隐藏的，因此它们与日历没有交互。

Answer 1

要使用id=days获取输入框的值，您可以使用：

var $days = $("#days").val();

我根据您的问题制作了一个小型演示，请点击此处：http://jsfiddle.net/PQkFP/

$(function() {
    $("#slider").slider({
    slide: function(event, ui) {
          var days = $("#slider").slider("value");
          $("#days").val(days);
          // you can see $.datepicker('setDate', <number of days>);
          $("#datepicker").datepicker("setDate",(days*7));
        }
  });
});

$(function() {
    $("#datepicker").datepicker();
});

Html代码段：

<head>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/
                       1.8/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/
                       1.8/themes/ui-darkness/jquery-ui.css">
    <script>

    </script>
</head>
<div class="demo">

<div id="slider"></div>
    Days : <input type="text" value="" id="days" />
<div id="datepicker"></div>
</div>

Answer 2

我并不完全明白你想要什么，但是如果你想访问输入框的值，你应该这样做：

var days = $('input#days').val();

Answer 3

如果要使用id = days获取输入框的当前值，请使用以下代码行：

var days = $('#days').val();

或在你的情况下

var $days = $('#days'); // cache object
var days = $days.val();

Answer 4

你想做什么？从现在开始获取日期（$天* 7）？

您可以像访问任何其他js变量

一样访问和更改输入字段值

var $days = $("#days").val();
$days = $days*7;
alert($days);

那应该给你21个！

Answer 5

感谢你们所有人的帮助....你们给了我一些很棒的想法，并解决了我的问题。

解决方案是......

date.setDate(date.getDate() + [7 * $days.val()]);

继承修改后的代码......

        var date = new Date(baseDate.getTime()); // Calculate the new date
    date.setDate(date.getDate() + [7 * $days.val()]);
    $datepicker.datepicker('setDate', date); // And set into the datepicker
    $datepicker.datepicker({
            buttonImageOnly: true
    });

不止一种方法给猫皮肤。如果您有更好或更合适的解决方案，请发布。

jQuery - 在存储之前更改为Var

5 个答案: