小编Jde*_*dev的帖子

在materialize css中更改datepicker的语言

我试图在materialize css版本0.99.0实际中更改datepicker的语言,但不起作用.我尝试更改*日期选择器defaults.in materialize.js上的语言,但没有奏效.有人知道怎么做吗?谢谢.

HTML:

 <div class="input-field col s6">
                    <input type="date" class="datepicker" id="pickdate">
                    <label for="pickdate">DATA</label>
                </div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

    $( document ).ready(function() {
    $('.datepicker').pickadate({
        format: 'dd/mm/yyyy',
        selectMonths: true, // Creates a dropdown to control month
        selectYears: 15 // Creates a dropdown of 15 years to control year



});
Run Code Online (Sandbox Code Playgroud)

html css jquery datepicker materialize

3
推荐指数
1
解决办法
9970
查看次数

jQuery-UI自动完成功能不适用于Bootstrap 4模式

我在引导程序4模式中遇到问题,我试图autocomplete在输入上使用jQuery-UI的功能,但是它不起作用,我尝试过:

.ui-front {
    z-index:1001 !important;
}
Run Code Online (Sandbox Code Playgroud)

该函数可以在没有模态的情况下正常工作,但是当我将其放在模态的表单中时,它将停止工作。

我尝试将有关此自动完成问题的所有提示都尝试进入引导模式, 但没有成功。

这是代码:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Auto Complete</title>
    <link rel="stylesheet" href="css/jquery-ui.css">

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
    <style>
        .ui-autocomplete {
        }
    </style>

</head>
<body>

<div class="container">
    <button class="btn btn-success" data-target="#modalOS" data-toggle="modal">MODAL</button>
<div class="modal fade " id="modalOS">
    <div class="modal-dialog " role="document">
        <div class="modal-content">
            <div class="modal-header ">
                <h5 class="modal-title" id="exampleModalLongTitle">MODAL</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button> …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui autocomplete bootstrap-modal bootstrap-4

3
推荐指数
1
解决办法
3903
查看次数