Date picker

• Visualforce page

  <apex:page docType="html-5.0" controller="Sample">
  <apex:form >
  <apex:pageBlock >
      <apex:pageBlockSection>
          <apex:pageBlockSectionItem>
              Date: <apex:input type="date" value="{!dat}"/>
          </apex:pageBlockSectionItem>
      </apex:pageBlockSection>
  </apex:pageBlock>
  </apex:form>
  </apex:page>

• Apex

  public class Sample {
      public Date dat {get;set;}
      public Sample() {
  
      }
  }

モーダルウィンドウ

• Visualforce

  <apex:page standardController="appsfs__Quote__c" extensions="QuoteCheck" action="{! init }" >
  <script>
  function OnLinkClick() {
      self.close();
      window.parent.location.href='/{!appsfs__Quote__c.Id}';
  }
  </script>
  <section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open slds-modal_large">
  <div class="slds-modal__container">
  <header class="slds-modal__header">
      <apex:outputPanel rendered="{!if(BlnShow==true , true ,false)}">  
      <p><a href='javascript:OnLinkClick();'>承認ボタンを表示する。</a></p>
      </apex:outputPanel>
  </header>
  <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
    <apex:repeat value="{!messages}" var="msg">
      <p><apex:outputText value="{!msg}" style="font-size:20px"/></p>
    </apex:repeat>
    <!-- <p><apex:outputText value="{!messages}" /></p> -->
  </div>
  </div>
  </section>
  <div class="slds-backdrop slds-backdrop_open"></div>
  </apex:page>

• Apex

  public class CommonQuoteFunction {
      // コンストラクタ
      public CommonQuoteFunction() {
      }
  
      // 取引先担当者の請求先フラグと入金条件をセットする
      public void ContactSetSeikyuSakiFlgNyukinZyoken (Id EndUserId, String NyukinZyoken) {
          Contact con = [SELECT id FROM Contact Where Id = :EndUserId];
          update con;
      }
  }