Datepair - 表行内的输入元素

Question

我正在使用下面站点的TimePicker和DatePair.js插件脚本，我在页面上尝试了给定的示例并确认示例有效。

http://jonthornton.github.io/Datepair.js/

此示例适用于页面，因此确认所有包含文件都已正确设置。

#include <pthread.h>
#include <stdlib.h>
#include <stdio.h>

struct thread_arg {
    int value1;
    char value2;
    float value3;
};

void *foo(void *arg);

int main(int argc, char *argv[])
{
    int N = atoi(argv[1]);
    pthread_t *thread = (pthread_t *) malloc(N * sizeof(pthread_t));

    for (int i = 0; i < N; i++) {
        struct thread_arg arg;
        arg.value1 = i;
        arg.value2 = 'f';
        arg.value3 = i / 10;
        pthread_create(&thread[i], NULL, foo, arg);
    }

    free(thread);
    pthread_exit(NULL);
}

void *foo(void *arg)
{
    struct thread_arg my_arg = (struct thread_arg) arg;
    printf("%d%c%f\n", my_arg.value1, my_arg.value2, my_arg.value3);
    return NULL;
}

问题是我的表单有一个表，当我将这个日期/时间输入放在表行中时，它不起作用。我在下面尝试过这个并没有运气。请指教。

<p id="basicExample">
    <input type="text" class="date start" />
    <input type="text" class="time start" /> to
    <input type="text" class="time end" />
    <input type="text" class="date end" />
</p>

<script>
    // initialize input widgets first
    $('#basicExample .time').timepicker({
        'showDuration': true,
        'timeFormat': 'g:ia'
    });

    $('#basicExample .date').datepicker({
        'format': 'm/d/yyyy',
        'autoclose': true
    });

    // initialize datepair
    var basicExampleEl = document.getElementById('basicExample');
    var datepair = new Datepair(basicExampleEl);
</script>

谢谢，