Question

我正在使用2个内联DateTimePicker（http://www.jqueryrain.com/?lnsG0UbP）来计算2个DateTimes之间的差异。结果我在几个小时内得到了不同，然后我用静态价格乘以它们。主要问题是我使用提交表单，并在每次计算后我的DateTime选择器重置。

如何在不刷新页面（通过ajax）的情况下进行相同的计算，直接通过选择值计算价格？

谢谢。

图片：http://s1.postimg.org/djh6euay7/datetime.png

Answer 1

您可以在表单中发布输入元素值。然后，当服务器回复帖子时，您将填充服务器上的输入元素。

然后当客户端加载并应用

时

jQuery('#datetimepicker').datetimepicker();//From their site

时间选择器应该获得其预表单后期值。

如果两个输入元素都有值

，那么你可以计算出你需要的东西

var $timepicker1 = jQuery('#datetimepicker1').datetimepicker();
var $timepicker2 = jQuery('#datetimepicker2').datetimepicker();
if($timepicker1.val() && $timepicker2.val())
{
 //call awesome calculation function
}

Answer 2

您应该使用button-tag而不是submit-button：

<input type = button ...> or <button ....>

现在您可以使用onClick-Event

<input type = 'button' onclick='onClickEvent()'>

...

<script>
function onClickEvent()
{
    sendData("POST",{'value1':1,'value2':2},"","/yourURL","","");
}
function sendData(method,data,dataType,adress, funcSuccess, funcError)
{
    $.ajax({
    type: method,
    url: adress,
    data: data,
    success: function(jqXHR, textStatus, errorThrown)
    {
        funcSuccess(jqXHR,textStatus,errorThrown);
    },
    error: function (jqXHR, textStatus, errorThrown)
    {
        funcError(jqXHR,textStatus,errorThrown);
    },
    dataType: dataType,

    });
}

DateTime选择器计算价格

2 个答案: