Question

我将下面的代码实现到我的html中，但看起来它与某些内容相冲突。它自己运行得非常好但是当我将它应用到我的html页面时，我的日期选择器没有正常工作：基本上当我点击它时，它并没有给我下拉菜单可供选择。这是我在html页面中应用的代码。

try {
    File f1 = new File("f1855.txt");
    File f2 = new File("f1856.txt");

    if (!f1.exists()) {
        f1.createNewFile();
    }
    FileWriter fw1 = new FileWriter(f1.getAbsoluteFile());
    BufferedWriter bw1 = new BufferedWriter(fw1);

    if (!f2.exists()) {
        f2.createNewFile();
    }
    FileWriter fw2 = new FileWriter(f2.getAbsoluteFile());
    BufferedWriter bw2 = new BufferedWriter(fw2);

    String currLine;
    BufferedReader br = new BufferedReader(new FileReader("flatfile.txt"));

    while ((currLine = br.readLine()) != null) {
        String[] parts = currLine.split(" ");
        if (parts[1].equals("1855")) {
            bw1.write(currLine);
        }
        else if (parts[1].equals("1856")) {
            bw2.write(currLine);
        }
        else {
            System.out.println("Found a line which did not match 1855 or 1856.");
        }
    }
} catch (IOException e) {
    e.printStackTrace();
} finally {
    try {
        if (br != null) br.close();
        if (bw1 != null) bw1.close();
        if (bw2 != null) bw2.close();
    } catch (IOException ex) {
        ex.printStackTrace();
    }
}

我尝试在插件＆gt;之前放置jQuery库，它什么也没做。这是我在github上的html页面的链接。 https://alohavolha.github.io/selene-hotel/

Answer 1

当我将输入类型更改为日期时，日期选择器工作正常，代码为：<form action="jquery.php" method="post"> Date:<input type="date" id="datepicker" name="datepicker" /> </form>

Answer 2

是的，抱歉迟到的回复。您可以使用各种样式来使用HTML伪元素自定义HTML5日期选择器。

在HTML中，您可以使用以下命令限制用户可以选择的最短和最长日期：

<input ID="datepicker" type="date" min="2016-07-31" max="2016-08-31">

应该注意的是，所有支持＆＃34; date＆＃34;的浏览器输入类型将支持设置的最小和最大属性值，但是当您忘记设置其中一个值时，日期选择器将根据浏览器而出错。

对于使用CSS添加特定颜色和样式，您可以使用以下输入类型伪元素。第一个显示了添加属性和值的语法。

::-webkit-datetime-edit {padding: 0.5em;}
::-webkit-datetime-edit-fields-wrapper
::-webkit-datetime-edit-text
::-webkit-datetime-edit-month-field
::-webkit-datetime-edit-day-field
::-webkit-datetime-edit-year-field
::-webkit-inner-spin-button
::-webkit-calendar-picker-indicator

如果您有任何问题，请告诉我。我希望这有帮助！

Answer 3

另外，我有85％的百分比确定您无法设置下拉部分的样式。每个浏览器都有为日期选择器设置的默认样式。移动设备也是如此。每个都相应地设置它们的样式

TypeError：无法读取属性＆＃39; setDefaults＆＃39;在jQuery datepicker函数中

3 个答案: