小编Vig*_*esh的帖子

我正在开发一个离子3移动应用程序,我必须在其中设计一个带有输入字段的登录页面,左侧有一个带圆角的图标.但是离子中的某个人决定人们不再需要输入元素的边界,他们将所有输入样式都作为下划线.

我尝试了很多方法来完成它,但我无法完成它.如果我使用自定义元素而不是离子元素,我可以获得布局,但它与响应式设计混淆,特别是键盘,键盘不会出现.

谁可以帮我这个事？是我的标记.

 <ion-content padding>
      <div text-center class="logo-container">
      <img class="login-logo" src="./assets/imgs/clean_connect.png" alt="Logo of clean connect">
        <h4>Sign in to your account</h4>
      </div>
      <form [formGroup]="signInForm" (submit) = "login(signInForm.value)" novalidate>
        <ion-list>  

          <ion-item>
            <ion-label><ion-icon name="ios-person-outline" item-left></ion-icon></ion-label>
            <ion-input type="text" value="agira" placeholder="Username" formControlName="username"></ion-input>
          </ion-item>
          <ion-item no-lines  *ngIf="!signInForm.controls.username.valid && (signInForm.controls.username.dirty)">
          <div>
            Please enter valid Username
          </div>
          </ion-item>
          <ion-item>
            <ion-label><ion-icon name="ios-lock-outline" item-left></ion-icon></ion-label>
            <ion-input type="password" value="Agira1" placeholder="Password" formControlName="password"></ion-input>
          </ion-item>
          <ion-item no-lines *ngIf="!signInForm.controls.password.valid && (signInForm.controls.password.dirty)">
          <div>
            Please enter Password
          </div>
          </ion-item>
        </ion-list>
        <button class="sign-in" type="submit" ion-button full favourite [disabled]="!signInForm.valid">Sign In</button> …

我正在尝试使用pikaday datepicker,我试图避免jquery datepicker因为它的依赖性和沉重的图像,但我无法实现我想要的pikaday.

我在一个表单中有一个from to field,可以在to字段中选择的日期不应该过去到from字段..我尝试过如下但是它不起作用.

var picker = new Pikaday({
    field: document.getElementById('start')
});
var picker2 = new Pikaday({
    field: document.getElementById('end'),
    minDate: new Date(document.getElementById('start').value)
});

一个纯粹的JavaScript解决方案对我来说更好,任何人都可以指导我解决这个问题？